@charset "UTF-8";


/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License:
   http://developer.yahoo.net/yui/license.txt
   version: 2.7.0
*/

html { color: #000; background: #fff; font-size:14px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,table,tr,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; border: none; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: normal; font-weight: normal; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; line-height: 1.0; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
abbr { cursor: help; }
label { cursor: pointer; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

/* Setting
------------------------------------------------------------------------*/

strong { font-weight: bold; }
em { font-style: italic; }

th,td {
	border: 1px solid #999;
	padding: .5em;
}
th {
	font-weight: bold;
	text-align: center;
}
caption {
	padding-bottom: .5em;
	text-align: right;
}

dfn { font-style: normal; }
address {
	font-style: normal;
	line-height: 1.0;
}

.clear { clear: both; }
.clearfix:after,section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,section { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix,section { display: block; }
/* End hide from IE-mac */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
/* add
------------------------------------------------------------------------*/
#main .mr0 {
	margin-right : 0px;
}
#main .mb0 {
	margin-bottom : 0px;
}
#main .mb05 {
	margin-bottom : 5px;
}
#main .mb10 {
	margin-bottom : 10px;
}
#main .mb15 {
	margin-bottom : 15px;
}
#main .mb20 {
	margin-bottom : 20px;
}
#main .mb25 {
	margin-bottom : 25px;
}
#main .mb30 {
	margin-bottom : 30px;
}
#main .mb40 {
	margin-bottom : 40px;
}
#main .mb60 {
	margin-bottom : 60px;
}
#main .mb120 {
	margin-bottom : 120px;
}

#main .mb70 {
	margin-bottom : 70px;
}

#main .mt05 {
	margin-top : 5px;
}
#main .mt10 {
	margin-top : 10px;
}
#main .mt15 {
	margin-top : 15px;
}
#main .mt20 {
	margin-top : 20px;
}
#main .mt25 {
	margin-top : 25px;
}
#main .mt30 {
	margin-top : 30px;
}
#main .mt50 {
	margin-top : 50px;
}
#main .mt60 {
	margin-top : 60px;
}
#main .mt70 {
	margin-top : 70px;
}
#main .mt99 {
	margin-top : 99px;
}
#main .pb0 {
	padding-bottom: 0;
}
#main .pt30 {
	padding-top : 30px;
}
#main .w5 {
	width: 5%;
}
#main .w10 {
	width: 10%;
}
#main .w15 {
	width: 15%;
}
#main .w20 {
	width: 20%;
}
#main .w25 {
	width: 25%;
}
#main .w30 {
	width: 30%;
}
#main .w33 {
	width: 33%;
}
#main .w35 {
	width: 35%;
}
#main .w40 {
	width: 40%;
}
#main .w45 {
	width: 45%;
}
#main .w50 {
	width: 50%;
}
#main .w100 {
	width: 100%;
}

#main .mt0{
	margin-top:0;
}
#main .mt30{
	margin-top:30px;
}
#main .mt-10{
	margin-top:-10px;
}
#main .mt-20{
	margin-top:-20px;
}
#main .mt-25{
	margin-top:-25px;
}
#main .mt-30{
	margin-top:-30px;
}
#main .mt-35{
	margin-top:-35px;
}
@media screen and (max-width: 640px) {
.sp_mb0{
	margin-bottom:0 !important;
}
.sp_mb100{
	margin-bottom:100px !important;
}
.sp_mb10{
	margin-bottom:10px !important;
}
.sp_mb20{
	margin-bottom:20px !important;
}
.sp_mb80{
	margin-bottom:80px !important;
}
.sp_mb50{
	margin-bottom:50px !important;
}
.sp_mb60{
	margin-bottom:60px !important;
}
.sp_mb30{
	margin-bottom:30px !important;
}
.sp_mb35{
	margin-bottom:35px !important;
}
.sp_mb40{
	margin-bottom:40px !important;
}
} 
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
 
 @font-face {
	font-family: 'icomoon';
	src:url(//www.photo-wedding.net/font_icon/icomoon.eot?tr96e1);
	src:url(//www.photo-wedding.net/font_icon/icomoon.eot?tr96e1#iefix) format('embedded-opentype'),
		url(//www.photo-wedding.net/font_icon/icomoon.ttf?tr96e1) format('truetype'),
		url(//www.photo-wedding.net/font_icon/icomoon.woff?tr96e1) format('woff'),
		url(//www.photo-wedding.net/font_icon/icomoon.svg?tr96e1#icomoon) format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow_left:before {
	content: "\e900";
}


 /* //font icon */
 @font-face {
    font-family: 'texgyreadventorbold';
    src: url(//www.photo-wedding.net/font/texgyreadventor-bold-webfont.eot);
    src: url(//www.photo-wedding.net/font/texgyreadventor-bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(//www.photo-wedding.net/font/texgyreadventor-bold-webfont.woff) format('woff'),
         url(//www.photo-wedding.net/font/texgyreadventor-bold-webfont.ttf) format('truetype'),
         url(//www.photo-wedding.net/font/texgyreadventor-bold-webfont.svg#texgyreadventorbold) format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'amarurgt';
    src: url(//www.photo-wedding.net/font/amarurgt.ttf); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/amarurgt.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
/*         url(//www.photo-wedding.net/font/amarurgt.woff) format('woff'),  Modern Browsers */
         url(//www.photo-wedding.net/font/amarurgt.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/amarurgt.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSans-Regular';
    src: url(//www.photo-wedding.net/font/NotoSans-Regular.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSans-Regular.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSans-Regular.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSans-Regular.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSans-Italic';
    src: url(//www.photo-wedding.net/font/NotoSans-Italic.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSans-Italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSans-Italic.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSans-Italic.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSans-Italic.svg#svgFontName) format('svg'); /* Legacy iOS */
    }

@font-face {
    font-family: 'NotoSans-Bold';
    src: url(//www.photo-wedding.net/font/NotoSans-Bold.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSans-Bold.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSans-Bold.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSans-Bold.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSans-BoldItalic';
    src: url(//www.photo-wedding.net/font/NotoSans-BoldItalic.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSans-BoldItalic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSans-BoldItalic.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSans-BoldItalic.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSans-BoldItalic.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSansCJKjp-Black';
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Black.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Black.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Black.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Black.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Black.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSansCJKjp-Bold';
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Bold.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Bold.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Bold.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Bold.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSansCJKjp-DemiLight';
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-DemiLight.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-DemiLight.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-DemiLight.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-DemiLight.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-DemiLight.svg#svgFontName) format('svg'); /* Legacy iOS */
    }

@font-face {
    font-family: 'NotoSansCJKjp-Light';
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Light.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
/*         url(//www.photo-wedding.net/font/NotoSansCJKjp-Light.woff) format('woff'),  Modern Browsers */
/*         url(//www.photo-wedding.net/font/NotoSansCJKjp-Light.ttf)  format('truetype'),  Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Light.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSansCJKjp-Medium';
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Medium.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Medium.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Medium.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Medium.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Medium.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Regular.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Regular.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Regular.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Regular.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
	
@font-face {
    font-family: 'NotoSansCJKjp-Thin';
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Thin.eot); /* IE9 Compat Modes */
    src: url(//www.photo-wedding.net/font/NotoSansCJKjp-Thin.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Thin.woff) format('woff'), /* Modern Browsers */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Thin.ttf)  format('truetype'), /* Safari, Android, iOS */
         url(//www.photo-wedding.net/font/NotoSansCJKjp-Thin.svg#svgFontName) format('svg'); /* Legacy iOS */
    }
body{
	
}	

body {
	  font-family: 'NotoSansCJKjp-Light', sans-serif;
	color: #343434;
	line-height: 1.4;
	letter-spacing:2px;
}

.noto_B {
	font-family: 'NotoSans-Bold', sans-serif;
}

.noto_B_I {
	font-family: 'NotoSans-BoldItalic', sans-serif;
}

.notojp_Black {
	font-family: 'NotoSansCJKjp-Black', sans-serif;
}

.notojp_B {
	font-family: 'NotoSansCJKjp-Bold', sans-serif;
}

.notojp_D_L {
	font-family: 'NotoSansCJKjp-DemiLight', sans-serif;
}

.notojp_L {
	font-family: 'NotoSansCJKjp-Light', sans-serif;
}

.notojp_M {
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
}

.notojp_R {
	font-family: 'NotoSansCJKjp-Regular', sans-serif;
}

.notojp_T {
	font-family: 'NotoSansCJKjp-Thin', sans-serif;
}

.noto_I {
	font-family: 'NotoSans-Italic', sans-serif;
}

.noto_R {
	font-family: 'NotoSans-Regular', sans-serif;
}

html>/**/body { font-size: 10px; font-size /*\**/: 62.5%\9; } /* Except IE & Add IE8 */

/**
 * Nudge down to get to 10px equivalent for these form elements
 */ 
select,input,button,textarea {
	font: 100% Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #333;
	line-height: 1.4;
}

/**
 * To help tables remember to inherit
 */
table { font-size:inherit; font: 100%; color: #333; line-height: 1.4; }

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,code,kbd,samp,tt { font-family:monospace; font-size: 100%; *font-size:108%; line-height: 1.4; color: #333; }

/* Font-size fixed */
li li,li dt,li dd,li input,li select,li button,li textarea,li p,li th,li td,
dt li,dt dt,dt dd,dt input,dt select,dt button,dt textarea,dt p,dt th,dt td,
dd li,dd dt,dd dd,dd input,dd select,dd button,dd textarea,dd p,dd th,dd td,
th li,th dt,th dd,th input,th select,th button,th textarea,th p,th th,th td,
td li,td dt,td dd,td input,td select,td button,td textarea,td p,td th,td td,
p input{ font-size: 100%; }

/* gnavi PC */
#gnavi {
	width: 653px;
	margin: 0 auto;
}
#gnavi li {
	float: left;
	/*opacity:0;
	filter: alpha(opacity = 0);*/
}
#gnavi li a:hover {
	cursor: pointer;
	filter: alpha(opacity = 70);
	opacity: 0.7;
}
#gnavi li.sub {
	position: relative;
	padding-bottom: 20px;
}
#gnavi li.sub:hover, #gnavi li.sub.active {
	background: url(//www.photo-wedding.net/images/arrow02.png) center bottom no-repeat;
}
#gnavi li.sub a:hover {
}
#gnavi li.sub ul {
	padding-top: 3px;
	position: absolute;
	z-index: 999999;
	display: none;
	left: -50%;
	top: 30px;
	width: 145px;
	height:150px !important;
}
#gnavi li.sub ul li {
	padding: 0;
	float: none;
	text-align: left;
}
#gnavi li.sub ul li a {
	letter-spacing:0;
	display:block;
	text-decoration: none;
	color: #000;
	font-family: 'NotoSansCJKjp-Light', sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 0px 0 0 0;
	text-shadow: 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9), 0 0 0.3em rgba(255, 255, 255, 0.9);
}
#gnavi li.sub ul li:last-child a {
	border: none;
}
/* gnavi scroll PC*/
#header_menu_scroll {
	height: 90px;
	box-sizing:border-box;
	background: #FFFFFE;
	border-bottom: 1px solid #ccc;
	position: fixed;
	width: 100%;
	top: -90px;
	z-index: 100;
}
#head_logo {
	float: left;
	margin: 25px 0 0 0;
}
#header_menu_scroll #gnavi_scroll {
	float:right;
	width:650px;
	margin:5px 80px 0 0;
	
}
#header_menu_scroll #gnavi_scroll > li{
	
	float:left;
	padding-bottom:20px;
}
 #header_menu_scroll #gnavi_scroll > li a{
	 padding-top:34px;
	 display:block;
	/* transition: all 200ms linear 0s;*/
	 
	}
#header_menu_scroll #gnavi_scroll li.sub{
	position:relative;
}
#header_menu_scroll #gnavi_scroll li.sub:hover{
	background: url(//www.photo-wedding.net/images/arrow02.png) center bottom no-repeat;
	
}
#header_menu_scroll #gnavi_scroll li.sub ul {
	padding-top: 22px;
	padding-bottom:18px;
	position: absolute;
	z-index: 99999;
	display: none;
	top:84px;
	width: 165px;
	background: #fffffe;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
	
	
}
#header_menu_scroll #gnavi_scroll li.sub ul li:first-child{
	margin-top:-50px;
}
li#gnavi_icon01:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu01.png) center top no-repeat;
}
li#gnavi_icon02:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu02.png) center top no-repeat;
}
li#gnavi_icon03:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu03.png) center top no-repeat;
}
li#gnavi_icon04:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu04.png) center top no-repeat;
}
li#gnavi_icon05:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu05.png) center top no-repeat;
}
li#gnavi_icon06:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu06.png) center top no-repeat;
}
li#gnavi_icon07:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu07.png) center top no-repeat;
}
li#gnavi_icon08:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu08.png) center top no-repeat;
}
li#gnavi_icon09:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu09.png) center top no-repeat;
}
li#gnavi_icon10:hover a {
	background: url(//www.photo-wedding.net/images/icon_menu10.png) center top no-repeat;
}

/* sub */
#header_menu_scroll #gnavi_scroll li.sub li:first-child a{
	padding-top:8px;
	}
#header_menu_scroll #gnavi_scroll li.sub li a{
	letter-spacing:0;
	background:none;
	display: block;
	text-decoration: none;
	color: #000;
	font-family: 'NotoSansCJKjp-Light', sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 0px 0 0 0;
}
#header_menu_scroll #gnavi_scroll li.sub li a:hover{
filter: alpha(opacity = 70);
	opacity: 0.7;}
	
/* sp_menu*/
#button_menu_sp{
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    text-align: left;
    width: 22%;
    opacity: 1;
    transition: all 200ms linear 0s;
}
#button_menu_sp.close{
	opacity:0;
	
}

#button_menu_sp img{
	
}
#gnavi_sp{
/*	display:none;
	z-index:99999;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	overflow:scroll;
	background-image:url(//www.photo-wedding.net/images/bg_menu_sp.png);
	background-attachment:fixed;
	background-origin:border-box;
	background-repeat:no-repeat;
	background-size:contain;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;*/
	
	/*display: none;*/
    float: right;
    height: 100%;
	right: -100%;
    opacity: 1;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 99999;
	background-image:url(//www.photo-wedding.net/images/bg_menu_sp.png);
	background-size:100%;
	background-repeat:no-repeat;
	transition: all 200ms linear 0s;
}
#gnavi_sp.active{
	right:0;
}

#gnavi_sp li{
	text-align:left;}
#gnavi_sp a{
	color:#fff;
	display:block;
}

#btn_close_sp{
	width:8%;
	right:63%;
	position:fixed;
	top:10px;
	display:none;
	transition: all 200ms linear 0s;
}
#btn_close_sp.close{
	display:none;
}
#btn_close_sp.open{
	display:block;
}
.menu_sp{
	padding:25px 10px 10px 0;
	float: right;
}
.menu_sp li{
	margin-bottom:15px;
	font-size:1rem;
	-webkit-text-size-adjust: 100%;
}
.menu_sp li span.txt_en{
	font-family:'texgyreadventorbold';
	font-size:16px;
	color:#FFF;
}
.menu_sp li span.txt_small{
	font-size:10.5px;
	color:#FFF;
}
.menu_sp li a{
	text-decoration:none;
}
.menu_sp li ul{
	padding-top:10px;
}
.menu_sp li ul li{
	padding-left:20px;
	margin-bottom:10px;
}
.menu_sp_bt{
	background:url(//www.photo-wedding.net/images/menu_sp_bt_bg.png) 0 0 repeat-x;
	background-size:auto 3px;
	margin-right:10px;
	width:70%;
	box-sizing:border-box;
	float:right;
}
.menu_sp_bt_link{
    padding: 25px 0 0 0px;
	float:right;
}
.menu_sp_bt_link li{
	display:block;
	margin-bottom:10px;
}
.menu_sp_bt_link a{
	text-decoration:none;
}
.menu_sp_bt_social{
	padding: 28px 20px 30px 0;
	float:right;

}
.menu_sp_bt_social li{
	margin:0 10px 0 0;
	float:left;
}
.menu_sp_bt_social li img{
	width:35px;
}
a.linun {
	color: #31ae00;
}
a.linun:hover {
	color: #31ae00;
	text-decoration: underline;
}
/* about */
#about .box_totop {
	margin: 40px 0 62px 0;
}
.h5_s01 {
	margin-bottom: 25px;
	font-family: 'NotoSansCJKjp-Regular';
}
.about_box {
	text-align: left;
}
.under_title01 {
	letter-spacing: 0px;
	line-height: 2em;
	margin-bottom: 45px;
	text-align: center;
}
.about_title {
}
.about_box { margin: 0 0 70px 0; }
.about_box p.about_title {
	font-family: 'NotoSansCJKjp-Regular';
	font-size: 20px;
	line-height: 1.6em;
	box-sizing: border-box;
	margin-bottom: 3px;
	background-repeat:no-repeat;
}
.about_box p.about_title01,
.about_box p.about_title03,
.about_box p.about_title05,
.about_box p.about_title07 {
	background-position:0 0;
}
.about_box p.about_title02,
.about_box p.about_title04,
.about_box p.about_title06,
.about_box p.about_title08 {
	background-position:right 0;
}
.about_box p.about_title01 { background-image:url(//www.photo-wedding.net/images/about_number01.png); min-height:100px; padding:23px 0 0 84px; }
.about_box p.about_title02 { background-image:url(//www.photo-wedding.net/images/about_number02.png); min-height: 91px; padding:37px 0 0  0px; }
.about_box p.about_title03 { background-image:url(//www.photo-wedding.net/images/about_number03.png); min-height: 91px; padding:15px 0 0 83px; }
.about_box p.about_title04 { background-image:url(//www.photo-wedding.net/images/about_number04.png); min-height:106px; padding:55px 0 0  0px; }
.about_box p.about_title05 { background-image:url(//www.photo-wedding.net/images/about_number05.png); min-height: 96px; padding:22px 0 0 83px; }
.about_box p.about_title06 { background-image:url(//www.photo-wedding.net/images/about_number06.png); min-height: 97px; padding:52px 0 0  0px; }
.about_box p.about_title07 { background-image:url(//www.photo-wedding.net/images/about_number07.png); min-height:105px; padding:57px 0 0 83px; }
.about_box p.about_title08 { background-image:url(//www.photo-wedding.net/images/about_number08.png); min-height:100px; padding:55px 0 0  0px; }

.about_box02,
.about_box04,
.about_box06,
.about_box08 {
	float: right;
	width: 525px;
	margin-top: 18px;
}
.about_box03,
.about_box05,
.about_box07 {
	float: left;
}
.about_box03 { width: 580px; }
.about_box05 { width: 547px; }
.about_box07 { width: 525px; }

.about_box p { line-height: 2em; }
.about_box li {
	float: left;
	margin-right: 12px;
	line-height:2em;
}
.about_box li a {
	color: #31ae00;
	letter-spacing:0;
}
.about_box li a:hover{
	text-decoration:underline;
}

.about_img02,
.about_img04,
.about_img06,
.about_img08 {
	float: left;
}
.about_img03,
.about_img05,
.about_img07 {
	float: right;
}
.about_img02 { padding: 38px    0 0  83px; }
.about_img03 { padding: 45px 50px 0     0; }
.about_img04 { padding:134px    0 0  59px; }
.about_img05 { padding:103px    0 0     0; }
.about_img06 { padding: 52px    0 0 111px; }
.about_img07 { padding:142px 44px 0     0; }
.about_img08 { padding: 70px    0 0  79px; }


/* photogr */
.photogra_img {
	position: relative;
	margin-bottom: 15px;
}

.photogra_img img{
	border: 1px solid #CCC;
}

.box_photogra {
	float: left;
	width: 23.125%;
	margin: 0 2.5% 55px 0;
	text-align: left;
}
.box_photogra:nth-child(4n+4) {
	margin-right: 0;
}
.box_photogra p {
	line-height: 1.5em;
}
.box_photogra .photogra_title {
	font-family: 'NotoSansCJKjp-Medium';
	font-size: 15px;
	text-align: center;
	margin: 0 0 10px;
	line-height: 1.4em;
}

.photogra_title span {
	font-family: 'NotoSansCJKjp-Regular';
	font-size: 11px;
}

.box_photogra .box03{
	position:relative;
	top:-70px;

}

/* flow */
.flow_img_right {
	float: right;
	margin-bottom: 0;
}
.flow_img_left {
	float: left;
	margin-bottom: 0;
}
.flow_title_sp {
	font-family: 'NotoSansCJKjp-Medium';
	font-size: 14px;
	margin-bottom: 15px;
}
.flow_title {
	min-height: 40px;
	font-family: 'NotoSansCJKjp-Medium';
	font-size: 18px;
	padding-left: 45px;
	margin-bottom: 15px;
	box-sizing: border-box;
	padding-top:15px;

}
.flow_ct {
	padding-left: 45px;
	line-height: 1.5em;
}
.flow_ct {
	font-size: 13px;
}
.flow_box {
	width: 760px;
	margin: 0 auto;
}
.flow_title01 {
	background: url(//www.photo-wedding.net/images/flow_number_01.png) 0 bottom no-repeat;
	margin: 30px 0 15px 0;
}
.flow_title02 {
	background: url(//www.photo-wedding.net/images/flow_number_02.png) 0 bottom no-repeat;
}
.flow_title03 {
	background: url(//www.photo-wedding.net/images/flow_number_03.png) 0 bottom no-repeat;
}
.flow_title04 {
	background: url(//www.photo-wedding.net/images/flow_number_04.png) 0 bottom no-repeat;
}
.flow_title05 {
	background: url(//www.photo-wedding.net/images/flow_number_05.png) 0 bottom no-repeat;
}
.flow_title06 {
	background: url(//www.photo-wedding.net/images/flow_number_06.png) 0 bottom no-repeat;
}
.flow_title07 {
	background: url(//www.photo-wedding.net/images/flow_number_07.png) 0 bottom no-repeat;
}
.flow_box_ct {
	text-align: left;
	box-sizing: border-box;
}
.flow_box_ct p:last-child {
	margin-bottom: 0;
}
.flow_box_ct01 {
	float: left;
	width: 455px;
}
.flow_box_ct02 {
	width: 447px;
	float: right;
}
.flow_box_ct03 {
	float: left;
	width: 425px;
	padding-top: 35px;
}
.flow_box_ct04 {
	width: 447px;
	float: right;
	padding-top: 31px;
}
.flow_box_ct05 {
	float: left;
	width: 455px;
	padding-top: 28px;
}
.flow_box_ct06 {
	width: 447px;
	float: right;
}
.flow_box_ct07 {
	float: left;
	width: 535px;
	padding-left: 80px;
	padding-top: 6px;
}
#flow_box01 {
	background: url(//www.photo-wedding.net/images/flow_arrow_01.png) 445px bottom no-repeat;
	margin-bottom: 35px;
	padding-bottom: 107px;
}
#flow_box01 .flow_box {
	margin-bottom: 25px;
}
#flow_box02 {
	background: url(//www.photo-wedding.net/images/flow_arrow_02.png) 368px bottom no-repeat;
	padding-bottom: 107px;
}
#flow_box02 .flow_box {
	margin-bottom: 30px;
}
#flow_box03 {
	background: url(//www.photo-wedding.net/images/flow_arrow_03.png) 298px bottom no-repeat;
	margin-bottom: 0;
	padding-bottom: 73px;
}
#flow_box03 .flow_box {
	margin-bottom: 0px;
}
#flow_box04 {
	background: url(//www.photo-wedding.net/images/flow_arrow_04.png) 382px bottom no-repeat;
	margin-bottom: 16px;
	padding-bottom: 94px;
}
#flow_box04 .flow_box {
}
#flow_box05 {
	background: url(//www.photo-wedding.net/images/flow_arrow_05.png) 442px bottom no-repeat;
	margin-bottom: 35px;
	padding-bottom: 125px;
}
#flow_box05 .flow_box {
	margin-bottom: 30px;
}
#flow_box06 {
	background: url(//www.photo-wedding.net/images/flow_arrow_06.png) 378px bottom no-repeat;
	margin-bottom: 26px;
	padding-bottom: 107px;
}
#flow_box06 .flow_box {
	margin-bottom: 35px;
}
#flow_box07 {
	margin-bottom: 98px;
}
#flow_box07 .flow_box {
}

/* timetable */
#timetable_area{
	display:none;
	background: rgba(0, 0, 0, 0.8);
    background-color: #000;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 9999;

}
#timetable{
	font-weight: normal;
    left: 0;
    line-height: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10000;
	display:none;


}
#timetable_inner{
	margin: 0 auto;
	vertical-align: middle;
	width: 660px;
	box-sizing: border-box;
	padding:50px 130px 50px 130px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#fff;
	position:relative;
	 z-index: 30000;
}
#timetable_inner h3{
	margin-bottom:39px;
}
.box_step{
	text-align:left;
	padding:0 0 30px 0;
	background:url(//www.photo-wedding.net/images/bg_box_step.png) center bottom no-repeat;
	margin:0 0 24px 0;

}

.step_title,.step_ct{
	padding-left:155px;
}
.box_step:last-child{
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}
.box_step:last-child .step_title,.box_step:last-child .step_ct{
	padding-left:0;
}

.under .step_title{
	font-size:15px;
	line-height:1.6em;
	font-family: 'NotoSansCJKjp-Regular';
	margin-bottom:5px;
	letter-spacing:1px;
}

.step_ct{
	margin-bottom:0;
	line-height:2em;
}
.step_img{
	float:left;
	margin:0 15px 0 0;
}
#btn_close_step{
	width:63px;
	height:62px;
    position: absolute;
    right: 2px;
    top: -74px;
	text-decoration:none;
	z-index:10;
	margin:0;
	z-index:999999999;

}



/* price */
#price .h5_s01.mb20 {
	margin-bottom: 20px;
}

h5#movie{
	line-height: 30px;
}
h5#movie span{
	font-size: 70%;
}
#price .under_title01 {
	line-height: 2em;
}
.price_box_out {
	margin-bottom: 70px;
}
.price_box {
	width: 470px;
	box-sizing: border-box;
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #CCCCCC;
	position: relative;
	padding: 0 30px 26px 30px;
	text-align: left;
}
.price_box p:last-child {
	margin-bottom: 0;
	line-height: 2em;
}
.price_box.mar_right0,
.price_box:first-child {
	margin-right: 0;
}
/* .price_box:nth-child(2n+2):not(.w100) {
	margin-right: 0;
} */
.price_btn01 {
	position: absolute;
	top: -16px;
	right: 8px;
}
.price_img {
	float: right;
	padding: 8px 75px 0 0;
	margin-bottom: 0;
}
.price_img.pdr_0{
	padding: 8px 0 0 0;
}
.price_title01 {
	font-family: 'NotoSansCJKjp-Regular';
	box-sizing: border-box;
	padding: 30px 0 18px 0;
	margin: 0;
	font-size: 18px;
}
.price_gr_title {
	background: #F5F4E9;
	padding: 16px 0 16px;
	margin-bottom: 20px;
}
.price_box_gr {
	border: 1px solid #000000;
	background:#fffffe;
	margin-bottom: 20px;
}
.price_box_gr.last {
	margin-bottom: 90px;
}




.price_gr_title_txt {
	font-family: 'NotoSansCJKjp-Regular';
	font-size: 18px;
	margin-bottom: 4px;
}
.price_gr_title_link {
	margin: 0;
}
.under .price_gr_ct_title {
	font-family: 'NotoSansCJKjp-Regular';
	font-size: 18px;
	margin-bottom: 3px;
	letter-spacing: 2px;
}
.price_gr_ct_title span {
	font-size: 13px;
}
.price_gr_ct_note {
	font-size: 10px;
}
.list_gr {
	text-align: center;
	display: flex;
	padding: 0;
	width: 100%;
	max-width: 700px;
	justify-content: center;
	margin: 0 auto;
	flex-wrap: wrap;
}


.list2_gr {
	text-align: center;
	display: table;
	padding: 0;
	width: 100%;
}


.list_gr li {
	display: table-cell;
	vertical-align: middle;
	padding: 93px 30px 0;
	min-width: 85px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
}


.list_gr2 li {
	display: table-cell;
	vertical-align: middle;
	padding: 83px 20px 0;
	min-width: 85px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
}



.list_gr li:before {
	position: absolute;
	background: url(//www.photo-wedding.net/images/price_plus.png) 0 0 no-repeat;
	content: ".";
	text-indent: -999999px;
	width: 16px;
	height: 17px;
	right: 0;
	top: 29px;
}
.list_gr li:last-child:before {
	background: none;
}




.list_gr2 li:before {
	position: absolute;
	background: url(//www.photo-wedding.net/images/price_plus.png) 0 0 no-repeat;
	content: ".";
	text-indent: -999999px;
	width: 16px;
	height: 17px;
	right: 0;
	top: 29px;
}
.list_gr2 li:last-child:before {
	background: none;
}




.list_gr li.list_gr_icon01 { background-image:url(//www.photo-wedding.net/images/price_img_05.png); }
.list_gr li.list_gr_icon02 { background-image:url(//www.photo-wedding.net/images/price_img_06.png); }
.list_gr li.list_gr_icon03 { background-image:url(//www.photo-wedding.net/images/price_img_07.png); }
.list_gr li.list_gr_icon04 { background-image:url(//www.photo-wedding.net/images/price_img_08.png); }
.list_gr li.list_gr_icon05 { background-image:url(//www.photo-wedding.net/images/price_img_09.png); }
.list_gr li.list_gr_icon06 { background-image:url(//www.photo-wedding.net/images/price_img_10.png); }
.list_gr li.list_gr_icon07 { background-image:url(//www.photo-wedding.net/images/price_img_11.png); }
.list_gr li.list_gr_icon08 { background-image:url(//www.photo-wedding.net/images/price_img_12.png); }
.list_gr li.list_gr_icon09 { background-image:url(//www.photo-wedding.net/images/price_img_13.png); }
.list_gr li.list_gr_icon10 { background-image:url(//www.photo-wedding.net/images/price_img_14.png); }
.list_gr li.list_gr_icon11 { background-image:url(//www.photo-wedding.net/images/price_img_15.png); }
.list_gr li.list_gr_icon12 { background-image:url(//www.photo-wedding.net/images/price_img_16.png); }
.list_gr li.list_gr_icon17 { background-image:url(//www.photo-wedding.net/images/price_img_17.png); }
.list_gr li.list_gr_icon28 { background-image:url(//www.photo-wedding.net/images/price_img_28.png); }
.list_gr li.list_gr_icon29 { background-image:url(//www.photo-wedding.net/images/price_img_29.png); }
.list_gr li.list_gr_icon30 { background-image:url(//www.photo-wedding.net/images/price_img_30.png); }



.list_gr2 li.list_gr_icon01 { background-image:url(//www.photo-wedding.net/images/price_img_05.png); }
.list_gr2 li.list_gr_icon02 { background-image:url(//www.photo-wedding.net/images/price_img_06.png); }
.list_gr2 li.list_gr_icon03 { background-image:url(//www.photo-wedding.net/images/price_img_07.png); }
.list_gr2 li.list_gr_icon04 { background-image:url(//www.photo-wedding.net/images/price_img_08.png); }
.list_gr2 li.list_gr_icon05 { background-image:url(//www.photo-wedding.net/images/price_img_09.png); }
.list_gr2 li.list_gr_icon06 { background-image:url(//www.photo-wedding.net/images/price_img_10.png); }
.list_gr2 li.list_gr_icon08 { background-image:url(//www.photo-wedding.net/images/price_img_12.png); }



.box_price_tb {
	width: 860px;
	margin: 20px auto 50px;
}
.box_price_tb table, .box_price_tb table th, .box_price_tb table td {
	border-left: none;
	border-right: none;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.box_price_tb table td {
	line-height: 1.6em;
	padding: 10px 0;
	letter-spacing: 1px;

}

.box_price_tb .col_ct {
	text-align: left;
}

.box_price_tb .col_ct2 {
	width:110px;
}


.box_price_tb .col_price {
	text-align: right;
}
.br_sp {
	display: none;
}
/* qa */
#qa .box_totop{
	margin-bottom:55px;
}
#qa .h5_s01 {
	margin-bottom: 30px;
}
.box_qa_out {
	width: 760px;
	margin: 0 auto;
}
.box_qa_out.last{
	margin-bottom:90px;
}
.list_q li {
	margin: 0 0 28px 0;
	height: 42px;
	padding: 0 0 0 60px;
	background: url(//www.photo-wedding.net/images/qa_icon_q.png) left center no-repeat;
	text-align: left;
	display: block;
	line-height: 1.7em;
	letter-spacing:0;
}
.list_q {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.list_q.last{
	margin-bottom:0;
}
.list_q li a {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	color: #31ae00;
}
.list_q li a:hover {
	color: #31ae00;
	text-decoration: underline;
}
.list_q li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}


.price_gr_ct_title_list{
	display:table;
	margin-bottom:25px;
}
.price_gr_ct_title_list li{
	display:table-cell;
	float:left;
	vertical-align:middle;
	margin-right:15px;
	font-family: "NotoSansCJKjp-Regular";
    font-size: 18px;
    letter-spacing: 2px;
	text-align:left;

}
.price_gr_ct_title_list li:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

a.linun {
	color: #31ae00;
}
.box_qa {
	border-top: 1px dotted #ccc;
	padding: 30px 0 40px 0;
}
.box_qa:last-child {
	border-bottom: 1px dotted #ccc;
	margin-bottom:30px;
}
.box_qa.last{
	margin-bottom:0;
}
.box_qa dl {
}
.box_qa dt {
	 font-family: 'NotoSansCJKjp-Medium';
	padding: 0 0 0 60px;
	background: url(//www.photo-wedding.net/images/qa_icon_q.png) left top no-repeat;
	letter-spacing: 0;
	min-height: 42px;
	text-align: left;
	display: block;
	margin-bottom: 30px;
	line-height:2em;
	padding-top:5px;
}
.box_qa dt:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.box_qa dt span {
	line-height: 2em;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.box_qa dd {
	background: url(//www.photo-wedding.net/images/qa_icon_a.png) left top no-repeat;
	padding: 0 0 0 60px;
	text-align: left;
	letter-spacing: 0;
	line-height: 2em;
	min-height:40px;
}

/* y_studio */

.box_gr_pl{
    background: #fff;
    border: 1px solid #000000;
    margin-bottom: 20px;
	padding:25px 30px 30px;
}

.box_gr_pl .price_gr_ct_title{
	margin-bottom:25px;
}


.box_gr_pl .list_gr{
	width:100%;
	padding-left:0;
}
.list_gr.list_gr_col7 li{
	padding-left:23px;
	padding-right:23px;
}


.intro_box_col5 {
     float: left;
    margin: 0 1.5625% 1.5625% 0;
    text-align: left;
    width: 18.75%;
}
.intro_box_col5:nth-child(5n+5) {
    margin-right: 0;
}

.intro_box_col5 .h5_s01{
	margin-bottom:25px;
	font-size:18px;
}

.box_if_youtube{
	margin:30px 0 50px;
}

/* contact */
#form_contact{
	width:760px;
	margin:0 auto;
}
#form_contact .submit_confirm_button,
#form_contact .submit_send_button,
#form_contact .submit_cancel_button,
#form_contact .site_top a{
	background:#fffffe;
	border:1px solid #000;
	font-size:13px;
	letter-spacing:2px;


}
#form_contact .submit_confirm_button:hover,
#form_contact .submit_send_button:hover,
#form_contact .submit_cancel_button:hover,
#form_contact .site_top a:hover{
	color:#fff;
	background:#000;
}

#form_contact  div#fmail_thankspage{
	font-size:13px;
}
#form_contact .site_top a{
	line-height:33px;
	color:#000;
}


.box_movie {
	margin: 0px 0px 55px;
}
.box_movie:last-child {
	margin: 0 0 55px 67px;
}


.box_movie p {
	line-height: 1.5em;
}

.box_movie .movie_title {
	font-family: 'NotoSansCJKjp-Medium';
	font-size: 15px;
	text-align: center;
	margin: 0 0 10px;
	line-height: 1.4em;
}

.movie_title span {
	font-family: 'NotoSansCJKjp-Regular';
	font-size: 11px;
}

.box_movie .box03{
	position:relative;
	top:-70px;

}
.movie_flex {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
 /*/*//*/*//*/*//*/*//*/*//**/        h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
font-size: 130%;
}
img {
vertical-align: bottom;
}
h1 {} h2 {}
h3 {}
h4 {}
a {
color: #333;
text-decoration: none;
}
a:hover, a:active {}
a:visited {} ul {}
li {}
dl {}
dt {}
dd {}
table {
width: 100%;
border: 1px solid #cccccc;
margin-bottom: 25px;
}
th, td {
border: 1px solid #cccccc;
}
th {
background: #f5f5f5;
color: #333;
font-size: 13px;
font-weight: normal;
line-height: 22px;
padding: 5px;
text-align: left;
vertical-align: middle;
width: 25%;
}
td {
font-size: 13px;
padding: 10px;
text-align: left;
}
p {
margin: 0 0 1.5em;
}
.section {
padding: 0 0 30px;
}
.section .section {
padding: 0 0 10px;
}
.image_l {
float: left;
margin: 0 16px 8px 0;
}
.image_r {
float: right;
margin: 0 0 8px 16px;
}
.hover img {
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
.hover a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
.line_h2em {
line-height: 2em;
}    html {
background: none;
}
body {
color: #333;
background: #fffffe;
text-align: center;
-webkit-text-size-adjust: 100%;
}
#wrapper {
min-width: 1060px;
}
#index #wrapper {
min-width: 1060px;
}
#index #main {
opacity: 0;
}
#main {}
.under #main {}
#index #main {
width: 100%;
}
#content {}
.inner {
width: 960px;
margin: 0 auto;
}
.under p {
letter-spacing: 2px;
}
.reservation_ex_txt_link a {
color: #31ae00;
}
.reservation_ex_txt_link a:hover {
color: #31ae00;
text-decoration: underline;
}   #header {
text-align: center;
position: relative;
overflow: hidden;
height: 785px;
}
.under #header {
height: auto;
} #index_flag, #header h1, #title_main, #index #header_menu, #header .acth1 { filter: alpha(opacity=0);
position: absolute;      top: 1%;
font-size: 11px;
letter-spacing: 0;
}
#index_main {
position: absolute;
top: 0;
left: auto;
right: auto;
width: 100%;
text-align: center;
opacity: 1;
filter: alpha(opacity=100);
}
#index_main img {
width: 100%;
}
#index_flag {
top: -80px;
}
#index #header h1, #header .acth1 {
top: 14%;
} #head_btn01 {
position: fixed;
top: 0;
right: -125px;
z-index: 200;
}
#head_btn02 {
position: fixed;
top: 32px;
right: -106px;
z-index: 200;
}
#head_btn01 a:hover img, #head_btn02 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
#header_menu {
top: 25%;
}   #footer {
background: url(//www.photo-wedding.net/images/bg_line01.png) center 0px repeat-x;
min-height: 70px;
padding-top: 25px;
position: relative;
margin-top: 125px;
}
.under #footer {
margin-top: 120px;
}
#footer .inner {
position: relative;
}
#camera_img {
position: fixed;
right: 10px;
bottom: 0px;
margin: 0;
z-index: 999;
opacity: 0;
filter: alpha(opacity=0);
}
.totop {
text-align: center;
width: 100%;
position: relative;
margin: 0;
height: 0px;
top: -65px;
}
.totop img {
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
position: relative;
top: 0;
}
.totop img.active {
padding: 0 0 10px 0;
top: -10px;
}
#footer address {
font-size: 10px;
float: right;
letter-spacing: 1px;
line-height: 1.5em;
}
#footer_link {
float: left;
}
#footer_link li {
float: left;
margin-right: 15px;
}
#footer_link li a {
font-size: 10px;
text-decoration: none;
color: #333;
vertical-align: top;
letter-spacing: 0;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
#footer_link li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.small-text {
text-align: right;
font-size: 10px;
}
.small-text02 {
text-align: center;
font-size: 10px;
}   .fIn, #index_slider, #index_box02, #index_box03, #index h3, #index h4, #commit_box p, .box_drip_on, #totop, #footer, .box_op0 {
opacity: 1 \9 !important;
filter: alpha(opacity=100) !important;
*opacity: 1;
_opacity: 1;
opacity: 0;
}
.lsp2 {
letter-spacing: 2px;
} #index .section {
padding: 0;
}
#index h3 {
text-align: center;
padding-bottom: 40px;
}
#index_box01, #index_box02, #index_box03, #index_box04, #index_box05 { padding: 80px 0; } .box_commit_middle {
display: none;
}
#commit_box {
position: relative;
height: 797px;
margin-bottom: 15px;
}
#commit_box p {
position: absolute;
margin-bottom: 0;
}
#commit01 {
top: 0;
left: 0;
}
#commit02 {
top: 0;
right: 0;
}
.commit_video {
position: relative;
}
.commit_video iframe {
height: 120px;
left: 55px;
position: absolute;
top: 132px;
width: 200px;
}
#commit03 {
top: 308px;
left: 0;
}
#commit04 {
top: 308px;
right: 0;
}
#commit05 {
top: 495px;
right: 230px;
}
#commit06 {
bottom: 0;
left: 0;
}
#commit07 {
bottom: 0;
right: 230px;
}
#commit08 {
bottom: 0;
right: 0;
} #index_box02 {
padding-top: 0;
background: url(//www.photo-wedding.net/images/bg_line01.png) center -2px repeat-x;
}
#index_box02 h4 {
padding: 0 0 40px 0;
}
#index_box02 h5 {
margin-bottom: 15px;
}
.look_txt {
letter-spacing: -0.5px;
line-height: 1.9em;
text-align: left;
}
#index #index_box02 .box_drip {
padding-bottom: 50px;
} #index_box03 {
background: url(//www.photo-wedding.net/images/bg_line01.png) center bottom repeat-x;
}
#index_slider {
text-align: left;
margin-bottom: 20px;
}
#index_slider li { }
#index_slider img {
margin-bottom: 10px;
}
#index_slider a {
text-decoration: none;
color: #333;
}
#index_slider li:hover {
opacity: 0.7;
}
#idx_slider01 li { }
#idx_slider01 li span.list_img_idx { }
#idx_slider01 li img {  }
#idx_gallery li {
overflow: hidden;
text-align: center !important;
}
#idx_gallery li span.img_center {
display: block;
text-align: center;
overflow: hidden;
}
#idx_gallery li {
height: 100%;
} #index_box04 {
padding-top: 0;
}
#index_box04 h4 {
margin-bottom: 0;
}
.news_inner {
border: 1px solid #ccc;
padding: 0 21px;
text-align: left;
border-bottom: none;
}
.news_inner ul {}
.news_inner li { border-bottom: 1px dotted #ccc;
}
.news_inner li:last-child {
border-bottom: 0;
}
.news_inner li a {
display: block;
color: #333;
background: url(//www.photo-wedding.net/images/icon_ar01.png) right center no-repeat;
padding: 28px 35px 27px 53px;
text-decoration: none;
letter-spacing: 1px;
position: relative;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
.news_inner li a:before {
position: absolute;
background: url(//www.photo-wedding.net/images/icon_q.png) left center no-repeat;
content: ".";
text-indent: -999999px;
left: 0;
top: 0;
width: 53px;
height: 100%;
}
.news_inner li a:hover {
opacity: 0.7;
}
#boxqa .button_more01 {
opacity: 1;
}
#boxqa .button_more01 a {
width: 100%;
} #index_box05 {
padding: 0;
}
#index_box05 h4 {
margin-bottom: 15px;
}
#index_box05 h4 a {
display: block;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
#index_box05 h4 a:hover {
opacity: 0.7;
} .button_more01 {
margin: 0;
}
.button_more01 a {
width: 31.25%;
margin: 0 auto;
display: block;
color: #333;
font-size: 20px;
line-height: 34px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
border: 1px solid #000;
font-family: 'amarurgt';
letter-spacing: 4px;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
.button_more01 a:hover {
color: #fff;
background: #000;
}
.box_drip_on .index_col3 { }
.box_drip_on .index_col3:hover, .dress_box01:hover {
cursor: pointer;
opacity: 0.8 !important;
}
.index_col3 {
width: 31.25%;
float: left;
margin-right: 3.125%;
box-sizing: border-box;
}
.index_col3:nth-child(3n+3) {
margin-right: 0;
}
.index_movie a:hover {
opacity: 0.7;
transition: .5s;
} #about .commit_video iframe {
height: 110px;
left: 47px;
position: absolute;
top: 123px;
width: 180px;
} .h3_s01 {
margin: 45px 0 35px;
}
.h3_s02 {
margin: 45px 0 35px;
}
.h3_s03 {
margin: 99px 0 35px;
}
.h3_s04 {
margin: 50px 0 35px;
} .h4_s01 {
margin-bottom: 40px;
}
.h4_s01 img {
margin: 0 auto;
}
h5.h501 {
letter-spacing: 2px;
font-size: 16px;
font-family: 'NotoSansCJKjp-Regular';
border-bottom: 1px solid #ccc;
position: relative;
padding: 25px 0 8px;
margin-bottom: 40px;
}
h5.h501:after {
position: absolute;
bottom: -4px;
width: 100%;
border-bottom: 1px solid #ccc;
content: ".";
text-indent: -9999999px;
left: 0;
}
.archive_photo section {
margin-bottom: 75px;
}
.archive_photo section.mb0 {
margin-bottom: 0;
}
.list_title_photo {
padding: 35px 0 41px;
}
.bottom_list_title_photo {
padding-top: 5px;
}
.list_title_photo li {
float: left;
width: 20%;
border: 1px solid #000;
border-right: none;
box-sizing: border-box;
text-align: center;
background: #fffffe;
}
.list_title_photo li:hover {
background: #000;
}
.list_title_photo li:last-child {
border-right: 1px solid #000;
}
.list_title_photo li a {
display: block;
} .list_title_qa {
padding: 35px 0;
}
.list_title_qa li {
float: left;
width: 25%;
border: 1px solid #333;
box-sizing: border-box;
text-align: center;
background: #fffffe;
margin-left: -1px;
margin-top: -1px;
}
.list_title_qa li a {
display: block;
}
.list_title_qa li a img {
display: block;
width: 100%;
}
@media screen and (max-width: 640px) {
.list_title_qa li {
width: 50%;
}
}
.archive_photo_list:empty {
display: none;
}
.archive_photo_list {
overflow: hidden;
}
.archive_photo h2, #search_column h3 {
font-size: 18px;
font-weight: bold;
text-align: left;
border-bottom: solid 1px #333;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
.archive_photo h2 {
text-align: center;
margin: 0 auto 3rem;
max-width: 150px;
}
#search_column input[type="search"], #search_column select, #search_column input[type="submit"] {
font-size: 16px;
padding: 0.5rem;
width: 100%;
}
#search_column input[type="search"], #search_column select {
margin-bottom: 0.5rem;
}
#search_column_taglist ul {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#search_column_taglist li a {
display: block;
color: #31ae00;
border: solid 1px #aaa;
padding: 0.5rem 0.7rem;
margin-right: 0.5rem;
transition: all 0.5s;
}
#search_column_taglist li a:hover {
color: #fff;
background: #31ae00;
}
#photo_gallery_single .archive_photo_list li {
min-height: inherit;
}
.archive_photo_list li {
float: left;
width: 180px;
min-height: 180px;
margin-right: 15px;
margin-bottom: 30px;
display: block;
text-align: left;
}
.archive_photo_list li span {
float: left;
width: 180px;
overflow: hidden;
text-align: center;
}
.archive_photo_list li a {
text-decoration: none;
color: #333;
} .list_single li {
width: 180px;
height: 180px;
overflow: hidden;
text-align: center;
}
.list_single li img { } .box_pc .box_totop {
background: url(//www.photo-wedding.net/images/bg_line01.png) center 0px repeat-x;
padding-top: 25px;
position: relative;
margin-top: 40px;
margin-bottom: 25px;
}
.box_pc .list_bnr_bottom {}
.box_pc .list_bnr_bottom li {
box-sizing: border-box;
width: 50%;
border: 1px solid #000000;
float: left;
border-right: none;
margin-bottom: 19px; }
.box_pc .list_bnr_bottom li:nth-child(2n+2) {
border-right: 1px solid #000000;
padding-right: 0;
}
.box_pc .list_bnr_bottom li:hover {
background: #000000;
}
.box_pc .list_bnr_bottom li a {
display: block; }
.box_totop {
background: url(//www.photo-wedding.net/images/bg_line01.png) center 0px repeat-x;
padding-top: 25px;
position: relative;
margin-top: 40px;
margin-bottom: 25px;
}
.box02_pc .box_totop {
background: url(//www.photo-wedding.net/images/bg_line01.png) center 0px repeat-x;
padding-top: 25px;
position: relative;
margin-top: 40px;
margin-bottom: 25px;
}
.box02_pc .list_bnr_bottom {}
.box02_pc .list_bnr_bottom li {
box-sizing: border-box;
width: 100%;
border: 1px solid #000000;
margin-bottom: 19px;
border-right: 1px solid #000000;
padding-right: 0; }
.box02_pc .list_bnr_bottom li {}
.box02_pc .list_bnr_bottom li a:hover {
background: #000000;
}
.box02_pc .list_bnr_bottom li a {
display: block; }
.box_pc .mr50 {
margin-bottom: 1000px;
} .detail_top {
margin-bottom: 30px;
}
.img_large {
float: left;
margin-bottom: 0;
width: 570px;
height: 380px;
overflow: hidden;
text-align: center;
}
.img_large img {
height: 380px;
width: auto;
}
.box_sd {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
*.box_sd_cover {
position: relative;
}
.img_large:hover .box_sd_01 { }
*.archive_photo_list li:hover .box_sd_02 { }
.detail_info {
width: 365px;
float: right;
text-align: left;
padding-top: 0px;
margin-bottom: -5px;
}
.detail_info dt, .detail_info dd {
float: left;
}
.detail_info li.detail_title01 {
background: url(//www.photo-wedding.net/images/detail_title_01.png) 0 5px no-repeat;
}
.detail_info li.detail_title02 {
background: url(//www.photo-wedding.net/images/detail_title_02.png) 0 5px no-repeat;
}
.detail_info li.detail_title03 {
background: url(//www.photo-wedding.net/images/detail_title_03.png) 0 5px no-repeat;
}
.detail_info li.detail_title04 {
background: url(//www.photo-wedding.net/images/detail_title_04.png) 0 5px no-repeat;
}
.detail_info li {
margin-bottom: 12px;
padding-left: 58px;
background-size: 50px auto !important;
font-size: 15px;
}
.detail_info dt img {
width: 50px;
}
.detail_info dd { font-size: 15px;
}
.detail_info_txt_img {
margin-bottom: 10px;
}
.detail_info_txt_img img {
height: auto;
}
.detail_info_txt {
margin-top: 30px;
}
.detail_info_txt p {
line-height: 2em;
}
.detail_photo {
font-family: 'NotoSansCJKjp-light';
}
.detail_photo .archive_photo_list li img {
margin-bottom: 0;
}
.detail_photo .archive_photo_list li {
margin-bottom: 15px;
}
.navi_bottom {
margin: 35px 0 50px;
}
.navi_bottom li {
width: calc(100%/3);
text-align: center;
float: left;
font-size: 13px;
min-height: 1px;
}
.navi_bottom li:nth-child(1) {
text-align: left;
}
.navi_bottom li:nth-child(2) {}
.navi_bottom li:nth-child(3) {
text-align: right;
}
.navi_bottom li a {
color: #31ae00;
letter-spacing: 0;
}
.navi_bottom li a:hover {
text-decoration: underline;
} .dress_box_tab {
width: 50%;
float: left;
border: none;
background: url(//www.photo-wedding.net/images/dress_box_tab_bg.png);
border-bottom: 2px solid #000;
border-left: 2px solid #000;
box-sizing: border-box;
}
.dress_box_tab_left {
border-left: none;
}
.dress_box_tab.active {
border: none;
border-top: 2px solid #000;
background: #fff;
}
.dress_box_tab_right.active {
border-left: 2px solid #000;
}
.dress_box_tab_inner {
max-width: 630px;
float: right;
box-sizing: border-box;
width: 100%;
}
.dress_box_tab_right .dress_box_tab_inner {
float: left;
}
.dress_box_tab_inner p {
margin: 0
}
.dress_box_tab_inner a {
display: block;
padding: 12px 0 18px;
background: url(//www.photo-wedding.net/images/arrow_bottom01.png) center 85% no-repeat;
}
.dress_box_tab.active .dress_box_tab_inner a {
padding: 15px 0;
background: none;
}
.dress_box_tab_inner img { }
.inner01 {
width: 760px;
margin: 0 auto;
}
.inner01 p {
text-align: left;
}
#dress .dress_title {
line-height: 2.4em;
}
#dress p, .gallery_title {
line-height: 2em;
}
.under .gallery_title {
letter-spacing: 2px;
}
#dress_gallery {
max-width: 960px;
width: 960px;
margin: 0 auto;
}
.list_dress_gl {
margin: 0 auto;
max-width: 1260px;
min-width: 960px;
}
#dress_gallery {
position: relative;
margin-bottom: 60px;
z-index: 5;
}
.dress_title_sl {
position: absolute;
top: 100px;
left: calc(50% - 45px);
z-index: 80;
}
.dress_title {
font-size: 15px;
line-height: 3em;
letter-spacing: 5px;
text-align: center;
margin-bottom: 45px;
}
.under .lt_space {
letter-spacing: 2px;
}
.dress_gl {
width: 50%;
float: left;
}
.img_bow {
margin: 80px 0 80px;
}
.titleh4_pc01 {
margin-bottom: 48px;
}
.img_bow img {
width: 30px;
}
.list_dress_gl {
margin-bottom: 33px;
}
.list_dress_gl li {
float: left;
}
.list_dress_gl li img {
width: 100%;
}
.list_dress_gl .dr_left {
float: left;
}
.list_dress_gl .dr_right {
float: right;
}
.dr_w01 {
width: 49.6031746031746%;
}
.dr_w02 {
width: 25%;
}
.dr_w03 {
width: 23.80952380952381%;
}
.dr_mrt {
margin-top: 0.7936507936507937%;
}
.dr_mrb {
margin-bottom: 0.7936507936507937%;
}
.dr_mrb02 {
margin-bottom: 0.7936507936507937%;
}
.dr_mrb03 {
margin-bottom: 0.7936507936507937%;
}
.dr_mrr {
margin-right: 0.7936507936507937%;
}
.dr_mrl {
margin-left: 0.7936507936507937%;
}
.dress_bnr_list {
margin: 0px 0 120px;
}
.dress_bnr_list li {
margin-bottom: 0;
}
.dress_bnr_list li a {}
.dress_box01 {
box-sizing: border-box;
float: left;
width: 48.95833333333333%;
margin: 0 2.083333333333333% 2.083333333333333% 0;
border: 1px solid #ccc;
padding: 3.020833333333333%;
text-align: left;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
.dress_box01.last {
margin-bottom: 7px;
}
.dress_box01 p:last-child {
margin-bottom: 0;
}
.dress_box01.dress_box01_r {
margin-right: 0;
}
.dress_box01 h5 img {
width: 93%;
}
.dress_box01 h5 {
text-align: center;
margin-bottom: 10px;
}
#dress .dress_box01 p {
line-height: 2em;
}
.img_dr {
margin-bottom: 15px;
text-align: center;
}
.img_dr img {
width: 100%;
}
.dr_note {
text-align: right;
margin-bottom: 80px;
font-size: 13px;
margin-top: -5px;
}
.plh24 p.dr_note {
line-height: 1.8em;
}
.plh24 p.dr_note {
line-height: 1.8em;
}
.box_dress01 {
position: relative;
}
.ctoon {
position: absolute;
}
.ctoon01 {
right: 161px;
top: -132px;
}
.ctoon01 img {}
.ctoon02 img {}
.ctoon02 {
left: 142px;
top: -85px;
}
.titleh3_pc01 {
margin: 32px 0 40px;
text-align: center;
}
.dr_txt01 {
margin: 0 0 45px 0;
} .album_l {
display: none;
}
#chapel .h5_s01 { }
.plh20 p {
line-height: 2em;
}
.plh24 p {
line-height: 2.4em;
}
.cha_box {
width: 50%;
float: left;
text-align: left;
}
.cha_box.cha_box_right {
float: right;
width: 40%;
margin-right: 50px;
}
.parti_box {
width: 50%;
float: left;
text-align: center;
}
.parti_box p {
line-height: 1.8em;
}
.chapel_box p {
text-align: left;
}
.chapel_box p.center {
text-align: center;
}
.intro_box {
width: 31.25%;
float: left;
margin: 0 3.125% 3.125% 0;
text-align: left;
}
.intro_box p {
line-height: 1.9em;
}
.intro_box p.intro_box_title {
line-height: 1.5em;
}
.intro_box .h5_s01 {
margin-bottom: 24px;
} .h5_s01 {
font-size: 20px;
text-align: center;
margin: 0 0 50px 0;
letter-spacing: 0;
letter-spacing: 2px;
}
.intro_box_title {
font-size: 15px;
text-align: center;
margin-bottom: 0;
}
.chapel_pr {
width: 47%;
float: left;
margin: 0 6% 30px 0;
text-align: left;
}
.chapel_pr:nth-child(2n+2), .chapel_pri:nth-child(2n+2) {
margin-right: 0;
}
.chapel_pr p {
line-height: 2em;
}
.chapel_pr .plan_box {
display: flex;
align-items: center;
justify-content: space-around;
width: 100%;
}
.chapel_pr .plan_box li {
width: calc(100% / 3);
text-align: center;
}
.chapel_pr .plan_box li img {
max-width: 100%;
height: auto;
}
.col1_3 {
width: 33%;
float: left;
}
.col2_3 {
width: 65%;
float: right;
}
.col3_3 {
display: none;
}
.col1_3, .col2_3, .col3_3 {
box-sizing: border-box;
}
.btn_info {
color: #333;
font-size: 14px;
line-height: 34px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
font-family: 'amarurgt';
letter-spacing: 2px;
background: url(//www.photo-wedding.net/images/chapel_arrow_01.png) center bottom no-repeat;
padding-bottom: 10px;
background-size: 30px auto;
letter-spacing: 1px !important;
}
.btn_info.active {
background: url(//www.photo-wedding.net/images/chapel_arrow_01_active.png) center bottom no-repeat;
background-size: 30px auto;
}
.chapel_pr_title {
font-size: 15px;
margin-bottom: 5px;
}
.chapel_pri {
box-sizing: border-box;
border: 1px solid #ccc;
width: 470px;
float: left;
margin: 0 20px 20px 0;
padding: 30px;
text-align: left;
position: relative;
}
.chapel_pri p {
line-height: 2em;
}
.chapel_pri p.chapel_pri_title {
font-size: 17px;
line-height: 1.6em;
margin-bottom: 20px;
}
.icon_chpr {
position: absolute;
top: 15px;
right: 12px;
width: 21%;
}
.icon_chpr img {
width: 100%;
}
.chapel_pri_btn {
border: 1px solid #000;
margin: 0;
text-align: center;
background: #fffffe;
}
.chapel_pri_btn img { }
.chapel_pri_btn a {
display: block;
}
.chapel_list01 li {
text-align: left;
float: left;
width: 18.75%;
margin: 0 1.5625% 1.5625% 0
}
.chapel_list01 li img {
margin-bottom: 10px;
}
.chapel_img {
position: relative;
margin-bottom: 10px;
}
.chapel_title01 {
margin-bottom: 35px;
}
.zoom_icon {
box-sizing: border-box;
padding: 6px;
position: absolute;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
color: #fff;
background-color: rgba(0, 0, 0, 0.6)
}
.zoom_icon span {
height: 2px;
width: 100%;
color: #fff;
content: ".";
text-indent: -99999px;
background: #fff;
display: block;
margin-top: calc(50% - 1px);
}
.zoom_icon span:after {
content: ".";
text-indent: -99999px;
width: 2px;
height: calc(100% - 12px);
background: #fff;
display: block;
left: calc(50% - 1px);
bottom: 6px;
position: absolute;
}
.btn_ok {
position: absolute;
top: -11%;
right: 4px;
width: 16.5%;
}
.btn_ok img {
width: 100%;
border: none;
}
.btn_ok02 {
position: absolute;
top: -11%;
right: 4px;
}
.btn_ok02 img {
border: none;
}
.chapel_box_top {
position: relative;
}
.chapel_icon01 {
position: absolute;
right: 205px;
bottom: -35px;
z-index: 80;
}
.chapel_box_top .h3_s01 {
margin-bottom: 58px;
}
.box_chapel_bt {
margin-top: 80px;
}
.text_sc {
letter-spacing: 2px !important;
margin-bottom: 30px;
}
.h5_s01.text_sc {
margin-bottom: 50px;
}
.dress_tab {}
#dress_tab01 {
display: block;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
}
.company_img {
width: 50%;
}
.img_center img {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.archive_photo_box { } .photo_list1_text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
margin-top: 10px;
}
.term_list_photo {
position: relative;
font-size: 0;
letter-spacing: 0;
padding: 15px 0;
border: dashed #ccc;
border-width: 1px 0;
margin: 0 0 30px 0;
}
.term_list_photo.chapel_menu_a, .term_list_photo.chapel_menu_b {
padding: 45px 0 15px;
}
.term_list_photo.chapel_menu_a::before, .term_list_photo.chapel_menu_b::before {
content: "チャペル";
position: absolute;
top: 0;
left: 0;
font-size: 16px;
font-family: 'NotoSansCJKjp-Regular';
text-align: center;
padding: 0.5rem 0;
background: #eee;
width: 100%;
}
.term_list_photo.chapel_menu_b::before {
content: "歴史的建造物";
}
.term_list_photo li {
display: inline-block;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
margin: 10px 20px;
}
.term_list_photo li a {
position: relative;
display: inline-block;
padding-left: 15px;
}
.term_list_photo li a::before {
content: "";
display: block;
position: absolute;
border: 5px solid;
border-color: transparent transparent transparent #333;
width: 0;
height: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.term_list_photo li a:hover {
text-decoration: underline;
}
@media screen and (min-width: 641px) {
.h3_s01 img {
width: 45%;
}
.h4_s01 img {
width: 45%;
} .archive_photo_list li:nth-child(5n+5), .chapel_list01 li:nth-child(5n+5) {
margin-right: 0;
} .list_bnr_bottom li.text_bnr_footer_long img {
width: 60%;
}
.chapel_title01 img {
width: 95%;
}
.parti_box img {
width: 60%;
}
.chapel_pr_txt {
display: block !important;
}
.dress_bnr_list li img { }
.term_list_photo {
display: flex;
flex-wrap: wrap;
}
} .chapel_pri_btn a, .chapel_img, .list_dress_gl li {
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}
.chapel_img:hover, .list_dress_gl li:hover {
opacity: 0.7
}
.lastr {
margin-right: 0 !important;
}
.clear {
clear: both;
margin: 0;
}
@media screen and (min-width: 641px) {
.h3_s01 img {
width: 45%;
}
.h3_s02 img {
width: 45%;
}
.h3_s03 img {
width: 45%;
}
.h4_s01 img {
width: 45%;
} }
@media screen and (min-width: 490px) {
.clear_3box {
clear: both;
margin: 0;
}
.clear_2box {
display: none;
margin: 0;
}
.company_img {
width: 30%;
}
}
.mb50 {
margin-bottom: 50px;
}
.mb30 {
margin-bottom: 30px;
}
.mb20 {
margin-bottom: 20px;
}
}
.location_title {
font-family: 'NotoSansCJKjp-Medium';
font-size: 15px;
text-align: center;
margin: 0 0 0px;
line-height: 1.4em;
}
.img_centering {
display: block;
position: relative;
width: 180px;
height: 180px;
}
.img_centering img {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.img_large_centering {
display: block;
position: relative;
width: 100%;
height: 100%;
transition: all 200ms linear 0s;
}
.img_large_centering:hover {
opacity: 0.7;
transition: all 200ms linear 0s;
}
.img_large_centering img {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
height: auto;
}
.pagination {
margin-bottom: 40px;
}
.pagination li {
display: inline-block;
margin-bottom: 5px;
}
.pagination li .page-numbers {
width: 40px;
height: 40px;
border: 1px solid;
display: block;
line-height: 40px;
font-size: 16px;
}
.pagination li .page-numbers:hover {
background: #333;
color: #fff;
}
.pagination .current.page-numbers {
background: #333;
color: #fff;
}
.index_photo_gallery {
margin-bottom: 15px;
}
.index_photo_gallery li {
float: left;
width: 180px;
height: auto;
}
.index_photo_gallery li:hover {
opacity: 0.8;
}
.index_photo_gallery__sp li {
float: left;
width: calc(96%/3);
margin: 0 2% 2% 0;
}
.index_photo_gallery__sp li:nth-of-type(3n) {
margin-right: 0;
}
.index_photo_gallery__sp .photo_list1_text {
font-size: 10px;
margin: 10px 0;
} .text_line_through {
font-size: 15px;
position: relative;
display: inline-block;
}
.font_price {
font-size: 15px;
}
.font_price02 {
font-size: 13px;
}
.font_price03 {
font-size: 12px;
}
.text_line_through::before {
content: "";
border-top: 1px solid black;
border-bottom: 1px solid black;
height: 5px;
position: absolute;
width: 100%;
top: 0;
bottom: 0;
margin: auto;
display: block;
}
.closed_text {
font-size: 12px;
}
.f-size {
font-size: 18px;
display: block;
}
.box_price_tb .text_line_through {
font-size: 13px;
margin-right: 3px;
} .chapel_pr_txt img {
width: 100%;
}
.chapel_pr_title img {
width: 100%;
}
.plan_text img {
width: 100%;
}
.pc_none {
display: none;
} #box_phogra {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.heightLine-pri span {
color: #31ae00;
margin: 0;
}
.video_h h3 {
padding-bottom: 12px;
}
.plusmark {
width: 2em;
margin: 0;
padding: 0;
}
.fs_10 {
font-size: 10px;
}
.price_box_out {
display: flex;
flex-wrap: wrap;
}
.price_box_out .price_box {
float: none;
}
.h1_column {
margin: 5px 0 5px;
}
.h1_column_text {
margin: 30px 0 30px;
font-size: 20px;
line-height: 24px;
font-weight: bolder;
text-align: center;
}
@media screen and (min-width: 641px) {
.h1_column img {
width: 45%;
}
.h1_column_text {
margin: 30px 0 30px;
font-size: 20px;
line-height: 24px;
font-weight: bolder;
text-align: center;
}
}
.cat_list_parent {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 3rem;
}
.cat_list_parent li {
padding: 0.3rem 0;
margin: 0.2rem 0.5rem;
font-weight: bold;
font-size: 12px;
}
.cat_list_parent a {
padding: 0.3rem 0.5rem;
}
.cat_list_parent a:hover {
background: #eee;
transition: .3s ease-in-out;
}
.cat_list_parent a.active {
background: #eee;
}
@media screen and (min-width: 641px) {
.cat_list_parent li {
font-size: 14px;
}
}
.archive_column_list:empty {
display: none;
}
.archive_column_list {
overflow: hidden;
font-family: 'NotoSansCJKjp-Regular';
}
.archive_column_list li {
min-height: inherit;
}
.archive_column_list li {
display: block;
width: calc(33.33% - 23px);
margin-right: 34px;
margin-bottom: 34px;
float: left;
text-align: left;
}
.archive_column_list li:nth-child(3) {
margin-right: 0;
}
@media screen and (max-width: 640px) {
.archive_column_list li {
width: 100%;
margin-right: 0;
}
}
.archive_column_list li ul.cat_list {
z-index: 1;
position: absolute;
display: flex;
flex-direction: column;
}
.archive_column_list li ul.cat_list li {
float: none;
font-size: 10px;
letter-spacing: 0;
line-height: 2em;
background: rgba(255, 255, 255, 0.9);
padding: 0 0.4rem;
margin: 0 0 0.2rem 0;
width: auto;
}
.archive_column_list li ul.cat_list li:hover {
background: #fff;
transition: .3s ease-in-out;
}
.archive_column_list li div.imageboxs {
width: 100%;
margin: 0 auto 10px;
padding: 0 0 70%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.archive_column_list li div.imageboxs p {
width: 100%;
margin: 0 0;
padding: 0 0;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
.archive_column_list li div.imageboxs p img {
width: 100%;
height: auto;
}
.archive_column_list li img.column_mainimg {
width: 100%;
}
.archive_column_list li p {
width: 100%;
float: left;
overflow: hidden;
text-align: left;
line-height: 2em;
}
.archive_column_list li span {
width: 100%;
float: left;
overflow: hidden;
text-align: left;
}
.archive_column_list li a {
text-decoration: none;
color: #333333;
}
*.archive_column_list li:hover .box_sd_02 {}
.detail_photo .archive_column_list li img {
margin-bottom: 0;
}
.detail_photo .archive_column_list li {
margin-bottom: 15px;
}
.archive_column_list li:nth-child(5n+5) {
margin-right: 0;
}
.contentstitle {
width: 100%;
margin: 50px auto 3px;
padding: 10px 0;
position: relative;
color: #333333;
font-size: 16px;
line-height: 20px;
font-weight: bolder;
text-align: left;
}
.contentstitle span.linebg {
width: calc(100% - 140px);
height: 1px;
margin: 0 0;
padding: 0 0;
position: absolute;
top: calc(50% - 1px);
left: 115px;
border-bottom: solid 1px #ddd;
}
.contentstitle span.arrow {
width: 20px;
height: 20px;
margin: -10px 0 0;
padding: 0 0;
position: absolute;
top: 50%;
right: 0px;
font-size: 20px;
line-height: 20px;
font-weight: 900;
text-align: center;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
transform: rotate(0deg);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.contentstitle span.arrow.appeared {
transform: rotate(-180deg);
}
div.h2list_outer {
display: block;
width: 100%;
margin: 0 auto;
padding: 30px 0;
}
ul.h2list {
display: block;
width: 100%;
margin: 0 auto 40px;
padding: 0 0 40px;
border-bottom: 1px solid #ddd;
}
ul.h2list li {
display: block;
width: calc(100% - 30px);
margin: 0 auto;
padding: 10px 1em;
list-style-type: disc;
text-align: left;
font-family: 'NotoSansCJKjp-Light'; text-indent: -1em;
}
ul.h2list li p {
display: inline;
width: 100%;
margin: 0 auto;
padding: 0 0 0;
text-align: left;
font-size: 14px;
line-height: 20px;
text-indent: 10px;
}
ul.h2list li p a {
display: inline;
width: 100%;
margin: 0 auto;
padding: 0 0;
text-align: left;
font-weight: 300;
line-height: 20px;
}
ul.h2list li p a:hover {
text-decoration: underline;
}
.columnbox1 {
width: 100%;
margin: 0 auto;
padding: 0 0 10px;
}
.columnbox1 p {
width: 100%;
margin: 0;
padding: 0;
font-size: 100%;
}
.columnbox1 p, .columnbox2 p, .columnbox3 p, .columnbox4 p {
line-height: 2em;
}
.columnbox1 img, .columnbox2 img, .columnbox3 img {
width: auto;
max-width: 100%; margin: 0 auto;
padding: 0 0;
}
.columnbox4l img, .columnbox4r img {
width: auto;
max-width: 100%; margin: 0 auto;
padding: 0 0;
}
@media screen and (max-width: 640px) {
.columnbox4l img, .columnbox4r img {
width: auto;
max-width: 100%; }
}
.columnbox2 {
width: 100%;
margin: 0 auto;
padding: 3px 0 30px;
font-size: 14px;
text-align: left;
}
.columnbox2 p {
width: 100%;
margin: 0;
padding: 0;
font-size: 14px;
}
.columnbox3 {
width: 100%;
margin: 0 auto;
padding: 0 0 30px;
}
.columnbox3 p {
width: 100%;
margin: 0;
padding: 0;
font-size: 100%;
}
p.imageText {
width: 100%;
margin: 0 0;
padding: 3px 0;
font-size: 110%;
line-height: 1.3;
text-align: left;
color: #666;
}
p.imageText.now100 {
width: auto;
}
.columnbox4 {
width: 100%;
margin: 0 0;
padding: 3px 0 30px;
display: table;
}
.columnbox4:after {
visibility: visible;
box-sizing: border-box;
border-collapse: collapse;
clear: both;
}
.columnbox4f {
width: 100%;
margin: 0 0;
padding: 0 0;
}
.columnbox4l, .columnbox4r {
text-align: center;
}
.columnbox4l {
width: calc(49.99% - 10px);
margin: 0 0;
padding: 0 0;
float: left;
}
.columnbox4r {
width: calc(49.99% - 10px);
margin: 0 0;
padding: 0 0;
float: right;
}
.columnnav {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 0;
}
.columnnav li {
width: 35%;
color: #31ae00;
}
.columnnav li:nth-child(1) {
text-align: left;
}
.columnnav li:nth-child(2) {
width: 15%;
}
.columnnav li:nth-child(3) {
text-align: right;
}
.columnnav li, .columnnav a {
text-decoration: none;
color: #31ae00;
}
.columnnav a:hover {
text-decoration: underline;
}
@media screen and (max-width: 640px) {
.columnbox4l {
width: 99.99%;
float: none;
}
.columnbox4r {
width: 99.99%;
float: none;
}
}
.column_h2 {
width: 100%;
margin: 0 auto 15px;
padding: 0 0;
}
.column_h2 p {
width: 100%;
margin: 0 auto 3px;
padding: 3px 0;
color: #333333;
font-size: 17px;
line-height: 22px;
font-weight: bolder;
text-align: left;
}
.h2_gray p {
margin: 0 auto 0;
border-bottom: none;
}
.column_comm {
width: 100%;
margin: 0 auto 40px; text-align: left;
clear: both;
}
.column_comm p {
width: 100%;
margin: 0 auto;
padding: 0 0;
text-align: left;
font-size: 130%;
line-height: 2em;
}
.column_comm p img {
max-width: 960px;
}
@media screen and (max-width: 640px) {
.column_comm p {
width: auto;
padding: 0 4.375%;
}
}
.column_comm div {
width: 100% !important;
margin: 0 auto;
padding: 0 0;
}
.column_comm div img {
width: 100% !important;
height: auto !important;
margin: 0 auto 10px !important;
padding: 0 0;
}
.column_comm ol {
width: auto;
padding: 0 18px;
}
.column_comm ol li {
list-style-type: decimal;
padding: 0 0 10px;
line-height: 2em;
}
.column_comm ul {
width: auto;
padding: 0 13px;
}
.column_comm ul li {
list-style-type: disc;
padding: 0 0 10px;
line-height: 2em;
}
@media screen and (max-width: 640px) {
.column_comm ol {
width: auto;
padding: 0 4.375%;
}
}
.comm_gray {
padding: 12px 18px;
background-color: #fafaf9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
h3.thumbtitle {
width: 100%;
margin: 0 auto;
padding: 10px 0 15px;
font-size: 20px;
line-height: 24px;
font-weight: bolder;
text-align: center;
}
.thumb_column_list:empty {
display: none;
}
.thumb_column_list {
width: 100%;
padding: 15px 0;
overflow: hidden;
}
.thumb_column_list li {
padding: 0 0 15px;
min-height: inherit;
}
.thumbli {
position: relative;
}
.thumbli:after {
display: table;
content: "";
visibility: visible;
box-sizing: border-box;
border-collapse: collapse;
clear: both;
}
.thumbimg {
position: absolute;
top: 0;
left: 0;
width: 80px;
margin: 0 0;
border-radius: 50%;
}
.thumbtext_detail {
position: relative;
top: 8px;
left: 110px;
width: calc(100% - 3.42857em - 70px);
text-align: left;
}
@media screen and (max-width: 640px) {
.thumbtext_detail {
top: 0;
}
}
.thumbtext_balloon {
position: relative;
border: 1px solid #ccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #fff;
-ms-border-radius: 6px;
}
.thumbtext_balloon::before {
top: -1px;
left: -13px;
width: 19px;
height: 1px;
background: #ccc;
}
.thumbtext_balloonInner {
position: relative;
z-index: 1;
text-indent: 0;
padding: 15px 20px;
line-height: 2;
box-sizing: inherit;
text-align: left;
white-space: normal;
}
.thumbtext_balloonInner span {}
@media screen and (max-width: 640px) {
.thumbtext_balloonInner {
text-align: left;
}
}
.thumbtext_balloon::after {
right: -6px;
bottom: -6px;
z-index: -1;
width: 100%;
height: 100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #F7F7F7;
-ms-border-radius: 6px;
}
.thumbtext_balloon::after, .thumbtext_balloon::before {
position: absolute;
content: "";
}
.thumbtext_balloonInner::before {
top: 0;
left: -13px;
width: 19px;
height: 13px;
background-color: #fff;
}
.thumbtext_balloonInner::after {
top: -1px;
left: -13px;
width: 19px;
height: 1px;
background: #ccc;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.thumbtext_balloonInner::after, .thumbtext_balloonInner::before {
position: absolute;
display: block;
content: "";
}
.thumbtext_outer {
display: inline-block;
width: calc(99.99% - 80px);
margin: 0 0;
padding: 0 0;
position: relative;
float: right;
box-sizing: border-box;
}
.thumbtext {
display: inline-block;
width: calc(99.99% - 20px);
margin: 0 0 0 20px;
padding: 7px 7px;
position: relative;
color: #333333;
font-size: 14px;
background-color: #ffffff;
border: solid 1px #333333;
border-radius: 6px;
box-sizing: border-box;
}
.thumbtext:before {
content: "";
position: absolute;
top: 35%;
left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #ffffff;
z-index: 2;
}
.thumbtext:after {
content: "";
position: absolute;
top: 35%;
left: -26px;
margin-top: -13px;
border: 13px solid transparent;
border-right: 13px solid #333333;
z-index: 1;
}
.thumbtext span {
display: block;
margin: 0;
padding: 0 0 2px;
text-align: left;
}
.new_column_list:empty {
display: none;
}
.new_column_list {
position: relative;
overflow: visible;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 50px;
padding: 30px 0;
box-sizing: border-box;
border-collapse: collapse;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.new_column_list::before, .new_column_list::after {
position: absolute;
display: block;
width: 100%;
height: 1px;
content: "";
z-index: 999999;
}
.new_column_list::before {
top: 3px;
left: 0;
background-color: #ddd;
}
.new_column_list::after {
bottom: 3px;
left: 0;
background-color: #ddd;
visibility: visible;
}
.new_column_list li {
width: 20%;
margin: 0;
padding: 8px;
text-align: left;
font-weight: bolder;
min-height: inherit;
box-sizing: border-box;
border-collapse: collapse;
}
.new_column_list .ymd {
display: block;
width: 100%;
margin-bottom: 8px;
font-size: 10px;
font-weight: 600;
}
.new_column_list .arrow {}
.new_column_list li a, .new_column_list li a:hover {
transition: .5s;
}
.new_column_list li a {
font-size: 13px;
font-weight: normal;
line-height: 1.5em;
text-decoration: none;
}
.new_column_list li a:hover {
opacity: .6;
}
.new_column_list figure {
display: block;
width: 100%;
margin: 0 0 12px;
padding: 0
}
.new_column_list figure img {
width: 100%;
height: auto;
} .reservation_link {
display: block;
margin: 0 auto 50px;
width: 160px;
line-height: 33px;
background: #fffffe;
border: 1px solid #000;
font-size: 13px;
letter-spacing: 2px;
}
.reservation_link:hover {
background: #000;
color: #fffffe;
}
.column_comm p a {
color: #31ae00;
text-decoration: none !important;
}
.column_comm p a:hover {
text-decoration: underline;
color: #31ae00;
} .photogra_title .new {
font-family: "NotoSansCJKjp-Bold";
font-size: 12px;
color: #8dc1e0;
vertical-align: top;
position: relative;
margin-right: 3px;
}
.txt_bold {
font-weight: bold;
}
.phg_37 {
display: none;
}
@media(min-width: 641px) {
.plans-page .bx-wrapper img {
width: 100%;
}
}@-webkit-keyframes play {
from {
background-position: 0px;
}
to {
background-position: -384px;
}
}
@-moz-keyframes play {
from {
background-position: 0px;
}
to {
background-position: -384px;
}
}
@-ms-keyframes play {
from {
background-position: 0px;
}
to {
background-position: -384px;
}
}
@-o-keyframes play {
from {
background-position: 0px;
}
to {
background-position: -384px;
}
}
@keyframes play {
from {
background-position: 0px;
}
to {
background-position: -384px;
}
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%,  50%,  100% {
opacity: 1;
}
25%,  75% {
opacity: 0;
}
}
@-moz-keyframes flash {
0%,  50%,  100% {
opacity: 1;
}
25%,  75% {
opacity: 0;
}
}
@-o-keyframes flash {
0%,  50%,  100% {
opacity: 1;
}
25%,  75% {
opacity: 0;
}
}
@keyframes flash {
0%,  50%,  100% {
opacity: 1;
}
25%,  75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%,  100% {
-webkit-transform: translateX(0);
}
10%,  30%,  50%,  70%,  90% {
-webkit-transform: translateX(-10px);
}
20%,  40%,  60%,  80% {
-webkit-transform: translateX(10px);
}
}
@-moz-keyframes shake {
0%,  100% {
-moz-transform: translateX(0);
}
10%,  30%,  50%,  70%,  90% {
-moz-transform: translateX(-10px);
}
20%,  40%,  60%,  80% {
-moz-transform: translateX(10px);
}
}
@-o-keyframes shake {
0%,  100% {
-o-transform: translateX(0);
}
10%,  30%,  50%,  70%,  90% {
-o-transform: translateX(-10px);
}
20%,  40%,  60%,  80% {
-o-transform: translateX(10px);
}
}
@keyframes shake {
0%,  100% {
transform: translateX(0);
}
10%,  30%,  50%,  70%,  90% {
transform: translateX(-10px);
}
20%,  40%,  60%,  80% {
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%,  20%,  50%,  80%,  100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%,  20%,  50%,  80%,  100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%,  20%,  50%,  80%,  100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%,  20%,  50%,  80%,  100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
}
10%,  20% {
-webkit-transform: scale(0.9) rotate(-3deg);
}
30%,  50%,  70%,  90% {
-webkit-transform: scale(1.1) rotate(3deg);
}
40%,  60%,  80% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
}
}
@-moz-keyframes tada {
0% {
-moz-transform: scale(1);
}
10%,  20% {
-moz-transform: scale(0.9) rotate(-3deg);
}
30%,  50%,  70%,  90% {
-moz-transform: scale(1.1) rotate(3deg);
}
40%,  60%,  80% {
-moz-transform: scale(1.1) rotate(-3deg);
}
100% {
-moz-transform: scale(1) rotate(0);
}
}
@-o-keyframes tada {
0% {
-o-transform: scale(1);
}
10%,  20% {
-o-transform: scale(0.9) rotate(-3deg);
}
30%,  50%,  70%,  90% {
-o-transform: scale(1.1) rotate(3deg);
}
40%,  60%,  80% {
-o-transform: scale(1.1) rotate(-3deg);
}
100% {
-o-transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
transform: scale(1);
}
10%,  20% {
transform: scale(0.9) rotate(-3deg);
}
30%,  50%,  70%,  90% {
transform: scale(1.1) rotate(3deg);
}
40%,  60%,  80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%,  40%,  60%,  80%,  100% {
-webkit-transform-origin: top center;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg);
}
40% {
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform: rotate(5deg);
}
80% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(0deg);
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg);
}
40% {
-o-transform: rotate(-10deg);
}
60% {
-o-transform: rotate(5deg);
}
80% {
-o-transform: rotate(-5deg);
}
100% {
-o-transform: rotate(0deg);
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%);
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform: translateX(20%) rotate(3deg);
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform: translateX(10%) rotate(2deg);
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform: translateX(0%);
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%);
}
15% {
-o-transform: translateX(-25%) rotate(-5deg);
}
30% {
-o-transform: translateX(20%) rotate(3deg);
}
45% {
-o-transform: translateX(-15%) rotate(-3deg);
}
60% {
-o-transform: translateX(10%) rotate(2deg);
}
75% {
-o-transform: translateX(-5%) rotate(-1deg);
}
100% {
-o-transform: translateX(0%);
}
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1);
}
50% {
-o-transform: scale(1.1);
}
100% {
-o-transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(0.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(5px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(5px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(5px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(5px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-50px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-50px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownMi {
0% {
opacity: 0;
-webkit-transform: translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownMi {
0% {
opacity: 0;
-moz-transform: translateY(-150px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownMi {
0% {
opacity: 0;
-o-transform: translateY(-150px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownMi {
0% {
opacity: 0;
transform: translateY(-150px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownMi {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(0.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(0.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(0.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(0.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(0.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(0.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(0.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(0.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
.animated {
-webkit-animation-duration: 0.8s;
-moz-animation-duration:0.8s;
-o-animation-duration:0.8s;
animation-duration:0.8s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.5s; 
animation-delay:0.5s;
} .fade{
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity:1 !important;
-webkit-transition: all 200ms linear 0s;
transition: all 200ms linear 0s;
}*::before, *::after {
box-sizing: border-box;
}
#main_top_sp{
position:relative;
}
#head_btn01_sp {
position: fixed;
bottom: 125px;
z-index: 400;
width: 24%;
max-width: 100px;
}
#head_btn02_sp {
position: fixed;
bottom: 56px;
z-index: 400;
width: 24%;
max-width: 100px;
}
#head_btn02_sp { z-index: 500; }
#head_btn01_sp img, #head_btn02_sp img {
position: absolute;
top: 0;
right: 0;
width: 100%;
}  #idx_gallery li{
width:29.33333333333333%;
margin:0 6% 6% 0;
float:left;
text-align:left;
}
#idx_gallery li:nth-child(3n+3){
margin-right:0;
}
#idx_gallery li img{
margin-bottom:5px;}
#idx_gallery li span{
text-align:left;
line-height:12px;
}
#idx_gallery li a{
font-size:11px;
line-height:12px;
color:#333;
text-decoration:none;
vertical-align:top;
} .bnr_bt{
margin-bottom:35px;
}
.bnr_bt img{
border:1px solid #ccc;
} .archive_height{
line-height:1.4em;	
}.box_sp {
display: none;
}
.box02_sp {
display: none;
}
.box_pc {
display: block;
}
.box02_pc {
display: block;
} @media screen and (max-width: 1250px) {
#header_menu {
top: 27% !important;
}
}
@media screen and (min-width: 640px) and (max-width: 1060px) {
#index #header #logo img {
width: 256px;
}
}
@media screen and (min-width: 490px) and (max-width: 640px) {
.box_commit_middle {
display: block;
}
.box_commit_out_middle {
display: none;
}
#commit_box {
height: auto;
}
#commit_box p {
position: relative;
float: left;
left: auto;
top: auto;
right: auto;
bottom: auto;
margin: 0 0 8px 0;
}
#commit_box p#commit01 {
width: 65.625%;
}
#commit_box p#commit02 {
width: 31.25%;
float: right;
}
#commit_box p#commit02 span{
position:relative;
top:0;
}
#commit_box p#commit02 .commit_video{
position:absolute;
width:66%;
z-index:999;
height:76px;
left:17.16%;
}
.commit_video iframe{
left:0;
top:105%;
width:100%;
height:100%;
}
#commit_box p#commit03 {
width: 31.25%;
}
#commit_box p#commit04 {
margin: -40px 0 8px;
width: 65.625%;
float: right;
}
#commit_box p#commit05 {
width: 41.5%;
float: right;
margin: 0 17px 8px 0;
}
#commit_box p#commit06 {
width: 31.25%;
float: left;
}
#commit_box p#commit07 {
width: 41.5%;
float: right;
margin: 0 17px 0 0;
}
#commit_box p#commit08 {
width: 21.3%;
float: right;
} #index_box02 .index_col3 {
width: 31.25%;
float: left;
margin-right: 3.125%;
box-sizing: border-box;
}
#index_box02 .index_col3:nth-child(3n+3) {
margin-right: 0;
}
#index_box02 .index_col3 p {
margin-bottom: 15px;
}
#index_box02 .index_col3 h5 {
margin-bottom: 25px;
}
#index_box02 .index_col3:last-child h5 { }
#index_box02 #box_mid {
background: none;
}
#index_box02 .box_drip_on {
width: 100%;
margin: 0 0 10px 0;
} #index_box03 #idx_gallery li {
float: left;
margin: 0 5% 5% 0;
text-align: left;
width: 21.25%;
}
#index_box03 #idx_gallery li:nth-child(4n+4) {
margin-right: 0;
}
.chapel_list01 li {
float: left;
margin: 0 5% 5% 0;
text-align: left;
width: 21.25%;
}
.chapel_list01 li:nth-child(4n+4) {
margin-right: 0;
}
.chapel_list01 li, .intro_box_col5 {
float: left;
margin: 0 5% 5% 0;
text-align: left;
width: 21.25%;
}
.chapel_list01 li:nth-child(4n+4), .intro_box_col5:nth-child(4n+4) {
margin-right: 0;
}
.archive_photo_list li {
width: 30%;
margin: 0 5% 5% 0;
min-height:inherit;
}
.archive_photo_list li:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (min-width:530px) and (max-width: 580px) {
#commit_box p#commit02 .commit_video {
height: 70px;
}
.commit_video iframe {
top: 100%;
}
}
@media screen and (min-width: 490px) and (max-width: 530px) {
#commit_box p#commit02 .commit_video {
height: 70px;
}
.commit_video iframe {
top: 85%;
}
}
@media screen and (max-width: 640px) {
#commit_box .textbox{
font-size:2.81vw;
}
#commit_box #commit01 .textbox{
left:7.81vw;
top:28.28vw;
}
#commit_box #commit02 .textbox{
position:absolute;
bottom:2.19vw;
left: 0;
top:unset;
width:100%;
}
#commit_box #commit05 .textbox{
bottom:1.4vw;
left:2.81vw;
font-size:2.66vw;
line-height: 1.3;
}
#commit_box #commit06 .textbox{
bottom:3.44vw;
left:3.59vw;
font-size:2.66vw;
}
#commit_box #commit07 .textbox{
bottom:2.97vw;
left:3.44vw;
font-size:2.66vw;
}
.vimeo_icon {
display: none;
}
.instagram_wrapper {
width:100%;
text-align: center;
}
.img_centering {
width: 100%;
}
.img_large_centering img {
width: 100%;
position: static;
}
.term_list_photo {
padding: 10px;
}
.term_list_photo.chapel_menu_a,
.term_list_photo.chapel_menu_b {
padding-top: 40px;
}
.term_list_photo.chapel_menu_a::before,
.term_list_photo.chapel_menu_b::before {
font-size: 14px;
}
.term_list_photo li {
display: block;
padding: 5px;
margin: 0;
float: left;
box-sizing: border-box;
width: 50%;
text-align:left;
}
.term_list_photo li a::before{
bottom:unset;
top:4px;
}
.new_column_list li{
width: 100%;
margin:0 0 20px;
}
.new_column_list li:last-child{
margin-bottom: 0;
}
.new_column_list li a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 12px;
}
.new_column_list figure{
position: relative;
top: 2px;
width: 30%;
}
.new_column_list .newtxt{
width: 65%;
}
#photo_gallery_single .list_single li{
height:auto;
visibility:hidden
}
.archive_photo_list li a {
font-size:12px;
}
img {
max-width: 100%;
}
.img_center img{
max-width:120%;
}
.fixed_title {
text-align: center;
}
h4.fixed_title {
margin-bottom: 20px;
}
.fixed_title img { }
.fixed_title02 img {
max-width: 270px;
}
.pdIn {
padding: 0 4.375%;
}
.chapel_box_top .h3_s01, .h3_s01 {
margin: 20px 0 15px;
}
.chapel_list01 li span.fzs_sp {
font-size: 10px;
letter-spacing: 0px;
} #wrapper, #header, #main, #footer, .inner {
width: 100% !important;
min-width: inherit !important;
}
.under #footer {
margin-top: 60px;
}
#footer {
padding-bottom: 60px;
background-size: auto 6px;
}
.totop {
top: -55px;
}
.totop img {
width: 30px;
}
.inner {
box-sizing: border-box;
padding: 0 3.125%;
}
.inner.sp_fw {
width: 100%;
padding: 0;
}
.box_sp {
display: block;
}
.box_pc {
display: none;
}
.box02_pc {
display: none;
}
#header {
height: auto !important;
}
.under #header { border-bottom: 2px solid #ccc;
}
.under_main_sp {
margin-bottom: 0;
}
#index_main_sp {
min-width: 490px;
width: 100%;
left: 50%;
transform: translateX(-50%);
position: relative;
}
#index_main_sp img { }
#header_menu, #header_menu_scroll {
display: none;
}
#index_box01, #index_box03 {
padding: 40px 0;
}
#index_box02, #index_box04 {
padding-bottom: 40px;
}
#logo, #title_main {
opacity: 1 !important;
}
#logo {
top: 13% !important;
}
.under #logo {
top: 40% !important;
}
#logo img {
width: 50%;
}
#title_main {
top: 21% !important;
}
#title_main img {
width: 18%;
} #index h3 {
padding-bottom: 25px;
}
#index h3 img {
}
#index .title_flex h3 {
font-size: calc(1rem + 1.5vw);
}
#index .title_flex.tight h3 {
font-size: calc(1rem + 1vw);
}
#index .title_flex.tight h3 span {
font-size: calc(1rem + 0.1vw);
}
#index .title_flex h4 {
font-size: calc(1rem + 1vw);
letter-spacing: 0;
}
#index .title_flex h4 span {
font-size: 12px;
}
#index .title_flex h5 {
font-size: calc(1rem + 0vw);
}
#index .title_flex h3 span {
font-size: calc(1rem + 0.2vw);
}
#index .title_flex img {
margin: 0 0.5rem;
}
#index .title_flex.bg_index_h3_02 {
padding-top: 0;
height: 80px;
max-width: 250px;
}
#index .title_flex .arrow_down {
position: absolute;
border: 1px solid;
border-color: transparent transparent #565656 #565656;
transform: rotate(-45deg);
margin-top: 2rem;
width: 10px;
height: 10px;
}
#index_box05 h4 {
margin-bottom: 5px;
}
#index_box05 h4 .title_text{
font-size: 17px;
margin-bottom: 0;
padding-bottom: 5px;
}
.box_drip_on {
width: 46.66666666666667%;
float: left;
margin-right: 6.666666666666667%;
}
.box_drip_on:last-child, .box_drip_on.last {
margin-right: 0;
}
.box_drip_on_bnr-bottom .textbox{
width:51.56vw;
bottom:6.25vw;
left:4.38vw;
}
.box_drip_on_bnr-bottom .textbox_title{
margin-bottom:.94vw;
font-size:4.38vw;
}
.box_drip_on_bnr-bottom .textbox_text{
letter-spacing:-.09em;
line-height:1.5;
font-size:2.66vw;
}
#index_box02 .index_col3 p.mb_sp05 {
margin-bottom: 7px;
}
.index_col3 {
width: 100% !important;
margin-right: 0;
}
.instagram_box .mb50.insta_text01{
margin-bottom: 20px;
}
#index_box04 .index_col3 {
padding: 0 8.5%;
}
#index_box04 #boxqa.index_col3 {
padding: 0 0%;
}
.section.box_network .index_col3{
margin-right: 0;
}
#index_box04 .box_network .index_col3 {
padding: 0;
}
.fb_inner, .tw_inner { box-sizing: border-box;
width: 100%;
}
.look_txt {
display: none;
}
.button_more01 a {
width: 100%;
border: 2px solid #000;
}
#index_box02, #index_box03 {
background-size: auto 6px;
}
#index_box02 h4 {
padding-bottom: 20px;
}
#index #index_box02 .box_drip {
padding-bottom: 0;
}
#box_mid {
margin-bottom: 25px;
}
#box_mid {
background: url(//www.photo-wedding.net/images/line_center01.png) center 0 repeat-y;
background-size: 2px 5px;
}
.button_more01 a {
border-width: 1px;
} #index_box04 .index_col3 {
margin-bottom: 25px;
}
#index_box04 h4 {
margin-bottom: 0;
}
#index_box05 h4 {
}
.title_s h4 {
width: 65%;
} #footer {
margin-top: 50px;
}
#footer_link {
text-align: center;
float: none;
}
#footer_link li {
display: inline-block;
float: none;
margin: 0 3px;
}
#footer address {
float: none;
text-align: center;
padding-top: 15px;
} #button_menu_sp {
display: block;
}
#gnavi_sp { }
#wrapper.disable {
position: fixed;
}
#camera_img {
width: 20%;
right: 5px;
} .list_title_photo li {
float: left;
width: 50%;
border: 1px solid #000;
border-right: none;
box-sizing: border-box;
text-align: center;
padding-right: 2px;
border-bottom: none;
}
.list_title_photo li:hover {
background: none;
}
.list_title_photo li:nth-child(2n+2) {
border-right: 1px solid #000;
padding-right: 0;
}
.list_title_photo li:last-child {
width: 100%;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.list_title_photo li a {
display: block; }
.list_title_photo li img {
width: 148px;
}
.list_title_photo.bottom_list_title_photo li a { }
.list_title_photo li:last-child a {
padding-left: 25%;
padding-right: 25%;
} .list_bnr_bottom {
margin-bottom: 30px;
}
.list_bnr_bottom img {
width: 298px;
}
.list_bnr_bottom li {
box-sizing: border-box;
width: 100%;
border: 1px solid #000000 !important;
float: left;
margin-bottom: 10px;
}
.list_bnr_bottom li a { }
.list_bnr_bottom li.text_bnr_footer_long a {
padding-right: 5%;
padding-left: 5%;
}
.gallery_title {
text-align: left;
}
h5.h501 {
font-size: 14px;
margin-bottom: 17.5px;
} .img_large {
float: none;
margin-bottom: 15px;
width:100%;
height:auto;
}
.img_large img{
height:auto;
}
.detail_info {
padding-top: none;
float: none;
width: auto;
}
.detail_top {
margin-bottom: 0;
}
.navi_bottom li {
box-sizing: border-box;
width: 100%;
border: 1px solid #000000;
border-bottom: none;
float: none;
text-align: center !important;
font-size: 13px;
}
.navi_bottom li:last-child {
border-bottom: 1px solid #000000;
}
.navi_bottom li a {
padding: 10px;
display: block;
font-size: 11px;
color: #333;
letter-spacing: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navi_bottom li a:hover {
text-decoration: none;
}
.navi_bottom {
margin: 10px 0 20px;
}
.detail_info dt {
vertical-align: bottom;
padding-top: 7px;
margin-bottom: 0;
}
.detail_info dt img {
vertical-align: bottom;
}
.detail_info dd {
vertical-align: bottom;
}
.detail_info dl {
margin-bottom: 5px;
} .list_dress_gl_fixed {
position: relative;
}
.list_dress_gl_fixed:after { content: none;
position: absolute;
top: 0;
left: 50%;
width: 6px;
height: auto;
margin-left: -3px;
padding-bottom: 133.33%;
background-color: white;
visibility: visible;
}
.list_dress_gl_fixed li {
position: relative;
width: 50%;
margin: 0; padding-bottom: 1.5%;
overflow: hidden;
}
.list_dress_gl_fixed li:after { content: none;
position: absolute;
width: 100%;
height: 5px;
bottom: 0;
left: 0;
background-color: white;
}
.list_dress_gl_fixed li>a { position: relative;
display: block;
}
.list_dress_gl_fixed li>a img{
height: auto;
}
.list_dress_gl_fixed li.dr_w03 { } .list_dress_gl li.dr_w02,
.list_dress_gl li.dr_w03{
width: 49.2%;
}
.list_dress_gl li.dr_w02.w,
.list_dress_gl li.dr_w03.w{
width: 48.1%;
margin-right: 0;
}
.list_dress_gl li.dr_right.w{
width: 50.4% !important;
}
.dr_w02.f{
width: 50.4% !important;
margin-right: 1.5%;
}
.dr_w03.f{
width: 48.1% !important;
}
.list_dress_gl li img{
height: auto;
}
.list_dress_gl_vintage li.dr_w02 {
width: 50.4%;
margin-right: 0;
}
.list_dress_gl_vintage li.dr_w03 {
width: 48.1%;
margin-left: 1.5%;
}
.list_dress_gl_fixed li.dr_w01 {
width: 100%;
}
.list_dress_gl_fixed li.dr_w03.dr_mrb.dr_mrr {
width: 50.4%;
}
.list_dress_gl_fixed li.dr_w03.dr_left {
width: 48.1%;
margin-left: 1.5%;
} .dress_box_tab_inner img { width: 140px;
}
.dress_bnr_list li img { }
.inner01 {
width: 100%;
}
.list_dress_gl, #dress_gallery {
width: 100%;
min-width: inherit;
}
.dress_title_sl {
top: 20px;
}
.dr_w01 {
width: 100%;
}
.dr_w02 {
width: 50.468755%;
}
.dr_w03 {
width: 47.96875%;
}
.dr_mrt {
margin-top: 1.5625%;
}
.dr_mrb {
margin-bottom: 1.5625%;
}
.dr_mrb02 {
margin-bottom: 2%;
}
.dr_mrb03 {
margin-bottom: 3%;
}
.dr_mrr {
margin-right: 1.5625%;
}
.dr_mrl {
margin-left: 1.5625%;
}
.dr_sp_mr0 {
margin-right: 0;
}
.dress_box01 {
border: 1px solid #ccc;
width: 100%;
padding: 4.375%;
margin-bottom: 5px;
}
.dress_box01 h5 img {
width: 100%;
}
.dr_note {
text-align: left;
margin-bottom: 40px;
line-height: 2em !important;
}
.ctoon01 {
right: 5.5%;
top: -88px;
}
.ctoon01 img {
width: 43px;
}
.ctoon02 {
left: 5.5%;
top: -65px;
}
.ctoon02 img {
width: 54px;
}
.bx-controls {
display: none;
} #chapel .fixed_title {
margin-bottom: 20px;
}
.h5_s01 {
margin-bottom: 25px;
}
.h5_fs15 {
font-size:15px;
font-family: 'NotoSansCJKjp-Medium';
line-height: 1.5em;
}
#chapel .h5_s01 {
font-size: 15px;
font-family: 'NotoSansCJKjp-Medium';
line-height: 1.5em;
}
.chapel_img {
margin-bottom: 5px;
}
.intro_box p:last-child {
margin-bottom: 5px;
}
#chapel .mb30 {
margin-bottom: 15px;
}
#chapel .btn_ok {
width: 32.5px;
}
.chapel_icon01 {
width: 20%;
right: 5px;
bottom: -15px;
}
.cha_box, .cha_box.cha_box_right {
width: 100%;
float: none;
}
.chapel_pr {
width: 100%;
margin-right: 0;
margin-bottom: 2px;
}
.chapel_pr_txt {
display: none;
}
.col1_3 {
width: 25%;
float: left;
padding-right: 15px;
}
.col1_3 img {
width: 67.5px;
}
.col2_3 {
width: 55%;
float: left;
padding-top: 15px;
}
.col3_3 {
width: 20%;
float: left;
display: block;
}
.chapel_pr_txt {
width: calc(100% + 35%);
padding-top: 15px;
}
.chapel_pr .chapel_pr_title {
font-size: 13px;
line-height: 1.5em;
font-family: 'NotoSansCJKjp-Medium';
letter-spacing: 1px;
}
.chapel_pri {
border: 1px solid #ccc;
width: 100%;
padding: 5%;
}
.chapel_pri_btn img {
width: 268px;
}
.parti_box img {
width: 85px;
}
.parti_box p:last-child {
margin-bottom: 0;
}
.box_chapel_bt {
margin-top: 42px;
}
#chapel .h3_s01 {
margin: 30px 0 5px;
}
.img_bow img {
width: 20px;
}
.chapel_pri_btn {
border: 1px solid #000;
}
#twitter-widget-0, .fb_iframe_widget > span, .fb_iframe_widget iframe {
height: 350px !important;
}
#dress #header {
border-width: 1px;
}
.detail_info {
padding-top: 0;
}
.archive_photo section {
margin-bottom: 35px;
}
.dress_box_tab_inner a {
background-size: auto 7px;
background-position: center 80%;
}
#dress_gallery {
margin-bottom: 30px;
}
.dress_title {
margin-bottom: 25px;
}
.img_bow {
margin: 40px 0 40px !important;
}
.h4_s01 {
margin-bottom: 22px;
text-align: center;
}
.h4_s01 img {
width: 600px;
margin: 0 auto;
}
.dr_txt01 {
margin-bottom: 25px;
}
.list_bnr_bottom {
margin-bottom: 40px;
}
.dr_note {
margin-bottom: 30px;
}
.heightLine-a1 {
height: auto !important;
}
.box_totop {
background-size: auto 6px;
}
#photo_gallery .box_totop {
margin-bottom: 15px;
margin-top: 35px;
}
.bottom_list_title_photo {
padding-bottom: 20px;
} .about_img {
display: none;
}
#about .about_box p.about_title {
display: none;
}
.about_title_sp {
margin-bottom: 13px;
}
.about_box01, .about_box02, .about_box03, .about_box04, .about_box05, .about_box06, .about_box07, .about_box08 {
width: 100%;
float: none;
}
.about_box {
margin-bottom: 35px;
}
.box_photogra {
width: 48.33333333333333%;
margin-right: 3.333333333333333%;
margin-bottom: 20px;
}
.box_photogra p:last-child {
margin-bottom: 0;
}
.box_photogra:nth-child(2n+2) {
margin-right: 0;
}
#about .box_totop {
margin-bottom: 10px;
}
#box_album03 {
margin-bottom: 20px;
}
.list_bnr_bottom {
margin-bottom: 5px !important;
}
.detail_info dt img {
width: 36px;
}
#flow_box01, #flow_box02, #flow_box03, #flow_box04, #flow_box05, #flow_box06, #flow_box07 {
background: none;
padding-bottom: 0;
margin-bottom: 0;
}
#flow_box07 {
margin-bottom: 20px;
}
.flow_title {
display: none;
}
.flow_img {
display: none;
}
#flow .flow_box_ct {
width: 60%;
float: left;
padding-top: 0;
margin-bottom: 15px;
}
#flow .flow_box {
width: 100%;
margin-bottom: 0;
}
.flow_img_sp {
float: right;
width: 40%;
margin-bottom: 0;
}
.flow_img_sp img {
width: 172px;
}
.flow_ct {
padding-left: 0;
}
#flow .flow_box_ct07 {
padding-left: 0;
}
.flow_arrow_sp {
margin-bottom: 0;
text-align: center;
}
.flow_number_sp {
margin-bottom: 15px;
text-align: center;
}
.flow_number_sp img, .flow_arrow_sp img {
width: 320px;
}
#btn_close_step img {
width: 31px;
}
#timetable_inner {
width: 93.75%;
padding: 25px 5%;
}
.step_img img {
width: 70px;
}
#timetable_inner h3 {
margin-bottom: 20px;
}
#timetable_inner h3 img {
width: 101px;
}
.step_title, .step_ct {
padding-left: 80px;
}
#btn_close_step {
width: 31px;
height: 31px;
top: -40px;
}
.box_step {
background-size: 11px auto !important;
padding-bottom: 20px;
margin-bottom: 15px;
} #price .under_title01 {
margin-bottom: 25px;
}
.price_box {
width: 100%;
padding: 0 0% 5% 5%;
margin-right: 0;
}
.price_btn01 img {
width: 44px;
}
.price_box01.mar_right0:nth-child(1) .price_img img,
.price_box01.mar_right0:nth-child(2) .price_img img{
width: 85px;
}
.price_box01 .price_img img {
width: 60px;
}
.price_box02 .price_img img {
width: 65px;
}
.price_box03 .price_img img {
width: 65px;
}
.price_box04 .price_img img {
width: 68px;
}
.price_box05 .price_img img {
width: 60px;
}
.price_box03 .price_img {
padding-right: 60px;
}
.price_box05 .price_img {
padding-right: 60px;
}
.price_img {
padding-right: 48px;
padding-top: 3.5px;
}
.price_box p:last-child {
padding-right: 5%;
}
.price_title01 {
font-size: 15px;
padding: 12px 0 10px;
}
.price_btn01 {
top: -8px;
right: 4px;
margin: 0;
}
.price_box_out {
margin-bottom: 20px;
}
#price .h5_s01 {
margin-bottom: 25px;
}
.price_gr_title {
padding: 8px 0
}
.price_gr_title_txt {
margin-bottom: 0;
}
.price_box_gr {
border-left: none;
border-right: none;
border-bottom: none;
margin-bottom: 0;
}
.price_box_gr.last {
margin-bottom: 35px;
border-bottom: 1px solid #000;
}
.box_price_tb {
width: 100%;
}
.price_gr_ct {
padding: 0 7%;
}
.price_gr_title {
margin-bottom: 12px;
}
.list_gr li::before {
background: none;
}
.list_gr li {
display: block;
min-width: inherit;
position: relative;
vertical-align: middle;
float: left;
width: 48%;
margin-right: 4%;
background-size: 41px auto !important;
padding: 0 0 0 50px;
box-sizing: border-box;
height: 70px;
text-align: left;
}
.list_gr li:before {
display: inline-block;
height: 100%;
vertical-align: middle;
position: inherit;
width: auto;
}
.price_gr_title_txt {
font-size: 15px;
}
.under .price_gr_ct_title {
font-size: 15px;
}
.list_gr li span {
display: inline-block;
vertical-align: middle;
}
.list_gr li:nth-child(2n+2) {
margin-right: 0;
}
.list_gr {
padding: 0;
text-align: center;
justify-content: left;
}
.list_gr li {
background-repeat: no-repeat;
background-position: left center;
}
.list_gr li.list_gr_icon01 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_01_sp.png);
}
.list_gr li.list_gr_icon02 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_02_sp.png);
}
.list_gr li.list_gr_icon03 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_03_sp.png);
}
.list_gr li.list_gr_icon04 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_04_sp.png);
}
.list_gr li.list_gr_icon05 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_05_sp.png);
}
.list_gr li.list_gr_icon06 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_06_sp.png);
}
.list_gr li.list_gr_icon07 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_07_sp.png);
}
.list_gr li.list_gr_icon08 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_08_sp.png);
}
.list_gr li.list_gr_icon09 {
background-image: url(//www.photo-wedding.net/images/price_bg_img_09_sp.png);
}
.box_price_tb {
margin-top: 0;
margin-bottom: 25px;
} #qa .h5_s01 {
margin-bottom: 15px;
font-size: 15px;
}
.box_qa_out {
width: 100%;
}
.list_q li {
background-size: 25px auto;
padding-left: 38px;
background-position: left 5px;
height: auto;
min-height: 36px;
margin-bottom: 15px;
}
.list_q {
margin-bottom: 20px;
}
.box_qa {
padding: 20px 0 15px;
}
.box_qa .image_l, .box_qa .image_r {
margin-bottom: 5px;
}
.box_qa .image_l img, .box_qa .image_r img {
width: 80px;
}
#qa .box_totop {
margin-bottom: 20px;
}
.box_qa:last-child {
margin-bottom: 25px;
}
.box_qa dt, .box_qa dd {
background-size: 25px auto;
padding-left: 38px;
}
.box_qa dt {
height: auto;
margin-bottom: 15px;
background-position: left 5px;
padding-top: 0;
}
.box_qa dd {
background-position: left 7px;
}
.box_qa_out.last {
margin-bottom: 10px;
}
.icon_chpr {
margin-bottom: 30px;
width: auto;
}
.icon_chpr img {
width: 65px;
}
.chapel_pri p.chapel_pri_title {
margin-bottom: 20px;
font-size: 14px;
padding-right: 62px;
}
.chapel_pri p.chapel_pri_title .fmid_sp {
font-family: 'NotoSansCJKjp-Medium';
letter-spacing: 1px;
}
.fs_sp {
font-size: 11px;
}
.heightLine-pri {
height: auto !important;
}
.price_gr_ct_title_list li {
font-size: 14px;
}
.intro_box_col5 .h5_s01, .intro_box .h5_s01 {
font-size: 14px;
}
.intro_box .h5_s01 {
margin-bottom: 10px;
}
.price_gr_ct_title_list {
margin-bottom: 2px;
}
.box_gr_pl {
padding: 5%;
}
#form_contact {
width: 100%;
}
.archive_photo_list li span{
width:100%;
}
.archive_photo_list li .img_centering,
.index_photo_gallery__sp .img_centering {
padding-top: 100%;
height: 0;
}
@media screen and (max-width: 560px) {
.dress_title_sl {
top: 15px;
display: block;
}
.dress_title_sl img {
width: 60%;
}
.height_auto{
height: auto !important;
}
}
@media screen and (max-width: 490px) {
.clear_2box {
clear: both;
}
#index .br {
display: block;
}
#index_box02 h5 {
margin-bottom: 20px;
}
#commit_box p#commit04 {
margin-top: -35px;
}
.intro_box {
width: 48.33333333333333%;
margin-bottom: 5.125%;
}
.title_s h4 {
width: 75%;
}
.chapel_list01 li, .intro_box_col5 {
float: left;
margin: 0 5% 5% 0;
text-align: left;
width: 30%;
}
.chapel_list01 li:nth-child(3n+3), .intro_box_col5:nth-child(3n+3) {
margin-right: 0;
}
.archive_photo_list li {
width: 47%;
margin-right: 6%;
min-height:inherit;
}
.archive_photo_list li:nth-child(2n) {
margin-right: 0;
}
.archive_photo_list_page li:nth-of-type(5) {
display: none;
}
} #commit_box {
height: auto;
}
#commit_box p {
position: relative;
float: left;
left: auto;
top: auto;
right: auto;
bottom: auto;
margin: 0 0 8px 0;
}
#commit_box p#commit01 {
width: 100%;
}
#commit_box p#commit02 {
width: 46%;
}
#commit_box p#commit02 .commit_video {
padding-top: 100%;
position: absolute;
width: 100%;
}
.commit_video iframe {
width: 66%;
height: 40%;
position: absolute;
top: 42%;
left: 17.16%;
}
#commit_box p#commit03 {
width: 45%;
float: right;
}
#commit_box p#commit04 {
margin: -42px 0 8px 0;
width: 100%;
}
#commit_box p#commit05 {
width: 63%;
}
#commit_box p#commit06 {
width: 48%;
float: right;
}
#commit_box p#commit07 {
width: 63%;
}
#commit_box p#commit08 {
width: 33%;
float: right;
}
.idxtxt_h200 {
height:170px;
text-align:left
}
.idxtxt_h170 {
height:170px;
text-align:left
}
.idxtxt_h150 {
height:150px;
text-align:left
}
.chapel_pr .plan_box {
margin-bottom: 10px;
flex-wrap: wrap;
}
#index_box04 .box_network .index_col3#boxfb .fb_iframe_widget_fluid span {
width: 100% !important;
max-width: 100%;
}
#index_box04 .box_network .index_col3#boxfb .fb_iframe_widget_fluid iframe {
width: 100% !important;
}
}
@media screen and (max-width: 425px) {
.chapel_pr .plan_box li {
width: 50%;
}
}
@media screen and (max-width: 360px) {
#footer address {
font-size: 8px;
}
.br_sp {
display: block;
}
.idxtxt_h200 {
height:200px;
}
.idxtxt_h140 {
height:145px;
}
}
@media screen and (max-width: 320px) {
.navi_bottom li {
font-size: 13px;
}
}
@media screen and (max-width: 300px) {
.fixed_title img, .fixed_title02 img, .chapel_pri_btn img {
max-width: 100%;
}
}
@media screen and (min-width: 640px) and (max-width: 1060px) {
#header {
height: 660px;
}
} @media screen and (max-width: 640px) {
.closed_text{
font-size: 11px;
display: block;
}
.text_line_through{
font-size: 14px;
}
td.col_ct,td.col_price {
display: block;
}
.box_price_tb .col_ct,td.col_price {
border-top: none !important;
}
.f-size{
font-size: 14px;
}
.box_price_tb table {
border-bottom: none;
}
td.col_price {
margin-bottom: 15px;
}
td.col_price .fs_sp {
font-size: 14px;
}
.box_price_tb .text_line_through {
font-size: 13px ;
}
.price_f-size{
display: block;
}
.box_price_tb .col_ct {
border-bottom: none!important;
}
}
@media screen and (max-width: 320px) {
.sp_block {
display: none;
}
}
.fix{
display: block;
} @media screen and (max-width: 640px) {
.sp_none {
display: none;
}
.pc_none {
display: block;
}
.col2_3.pt0{
padding-top: 0;
}
.box_movie {
vertical-align: top;
width: 47%;
margin-right: 3%;
margin-bottom: 20px;
}
.box_movie p:last-child {
margin-bottom: 0;
}
.movie_toptext {
width: 94%;
text-align: right;
padding: 0 3%;
margin-bottom:1%;
left:auto;
}
.box_movie:nth-child(2n+2) {
margin-right: 0;
}
.fix{
display: inline;
}
.box_movie p.movie_img {
margin-bottom: 0;
}
.movie_flex {
width: 100%;
}
.box_movie{
margin-right: 0px;
}
.box_movie:last-child {
margin-left: 15px;
}
} @media screen and (max-width: 640px) {
.columnbox2{
width:auto;
}
.columnbox2 p{ width:auto;
}
.column_h2 p{
padding: 0 4.375%;
width:auto;
}
.column_comm ol{
margin-left:1.6em;
}
.column_comm ul{
margin-left:1.5em;
}
.archive_column_list li p{
padding: 0 4.375%;
width:auto;
}
.column_comm p img{
max-width:100%;
}
} @media screen and (max-width: 640px) {
.columnbox4{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 4.375%;
width: auto;
margin-bottom: 15px;
}
.columnbox4l,.columnbox4r{
width: calc((100% - 1.28571em)/ 2);
}
.columnbox2{
width:auto;
margin:0 auto;
padding: 0 4.375%;
text-align:left;
}
.columnbox3 {
width: auto;
margin: 0 auto;
padding: 0 4.375%;
}
.columnbox4::after {
display: table;
visibility: visible;
box-sizing: border-box;
border-collapse: collapse;
clear: both;
}
.txt_left {
text-align: left!important;
}
p#logo {
position: absolute;
width: 100%;
text-align: center;
left: auto;
}
} @media screen and (min-width: 641px){
#index_box05 h4.title_s .title_text{
font-size: 14px!important;
}
.banner_flex{
width: 960px;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.banner_flex li:last-child{
margin-top: 15px;
}
}body:after {
content: url(//www.photo-wedding.net/images/close.png) url(//www.photo-wedding.net/images/loading.gif) url(//www.photo-wedding.net/images/prev.png) url(//www.photo-wedding.net/images/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto; }
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container { }
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.photo-wedding.net/images/loading.gif) no-repeat;
}
.lb-nav { position:fixed;
top: 0; left:0;
height: 100%; width:100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 50%;
left: 0;
float: left;
background: url(//www.photo-wedding.net/images/prev.png) 5% 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 1;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
} .lb-nav a.lb-next {
width: 50%;
right: 0;
float: right;
background: url(//www.photo-wedding.net/images/next.png) 95% 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 1;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
} .lb-dataContainer {
margin: 0 auto; *zoom: 1;
width: 100%;
position:relative;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
line-height: 1.1em;
text-align: right; }
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: none;
clear: left;
padding-bottom: 1em;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
color: #cccccc;
}
.lb-data .lb-close {
display: block;
float: right;
width: 64px;
height: 64px;
background: url(//www.photo-wedding.net/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 1;  position:fixed;
right: 30px;
top: 30px;
z-index:999999;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
@media screen and (max-width: 640px) {
.lb-nav {
width:100%;
left:0;
}
.lb-nav a.lb-prev,.lb-nav a.lb-next{
width:20%;
}
.lb-nav a.lb-prev {
background: url(//www.photo-wedding.net/images/btn_prev_sp.png) 50% 48% no-repeat;
background-size:9px 13px;
display:block !important;
}
.lb-nav a.lb-next {
background: url(//www.photo-wedding.net/images/btn_next_sp.png) 50% 48% no-repeat;
background-size:9px 13px;
left:20%;
float:left;
display:block !important;
}
.lb-dataContainer{
display:block !important;
}
.lb-data .lb-close {
bottom:0;
top:auto;
right:auto;
left:40%;
display:block !important;
}
.lb-nav {
left: 0;
width: 100%;
height: 50px;
position: fixed;
top:auto;
bottom: 0;
z-index: 99999;
background:rgba(0, 0, 0, 0.8);
opacity:1!important;
display:block !important;
}
.lb-data .lb-close {
background:url(//www.photo-wedding.net/images/btn_close_sp.png) no-repeat 50% 48%;
background-size:12.5px 13px;
display: block;
height: 50px;
opacity: 1;
outline: medium none;
position: fixed;
text-align: right;
width: 20%;
z-index: 999999;
bottom:0;
top:auto;
right:auto;
left:40%;
}
}