@charset "utf-8";

/*
 * "ほのか明朝" licensed under the IPA Font License Agreement v1.0
 * http://font.gloomy.jp/honoka-mincho-dl.html（"ほのか明朝"配布元のURL）
 * http://ipafont.ipa.go.jp/（IPAフォントのURL）
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/


@font-face {
  font-family: 'MyHonoka';
  src: url('../fonts/font_1_honokamin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/font_1_honokamin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/font_1_honokamin.woff') format('woff'), /* Modern Browsers */
       url('../fonts/font_1_honokamin.ttf')  format('truetype'); /* Safari, Android, iOS */
}

.honoka{
	font-family:MyHonoka;
	}


.base_font{
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	}

body{
     font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

html, body{
	font-size: 16px;
	margin-bottom: 100px;/* スマホ用フットメニュー分の余白 */
	}

p{
	line-height: 150%;
	}

a{
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed #c9ba88;
	}

a:hover img{
opacity:0.55;
filter:alpha(opacity=55);
-ms-filter: "alpha( opacity=55 )";
border: 0;
}

div.button_on_img{
	position: relative;
	}

div.button_on_img p{
	position: absolute;
	bottom: 3%;
	left: 5%;
	}

div.button_on_img p a{
	background-color: rgba(255,255,255,0.9);
	}


/* リンクボタン */
a.button{
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: center;
	border: 1px solid #999;
	color: #45433f;
	background-color: #fff;
	text-decoration: none;
	padding: 0.5em 0 0.4em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	margin: 0.5em 0;
	line-height: 120%;
	}

a.button:hover{
	border: 1px solid #999;
	color: #999;
	}


a.back{
	width: 5em;  
	float: left; 
	background-color: #efefef; 
	padding-left: 0;
	}

a.prev{
	width: 5em;  
	float: right; 
	background-color: #efefef; 
	padding-right: 0;
	}


.red{
	color: #f2444d;
	}

.t_left{
	text-align: left;
	}
	
.t_center{
	text-align: center;
	}

.clear{
	clear: both;
	}


/* 共通 ================================================================================== */

@media(max-width:599px){

.for_pc{
	display: none;
	}

}

/* ヘッダー ----------------------------------------------------- */
div.head_menu{
	display: none;
	}


/* フッター ----------------------------------------------------- */
div.footer{
	width: 100%;
	margin-top: 40px;
	padding: 5%;
	border-top: 9px solid #c9ba88;
	border-bottom: 9px solid #c9ba88;
	text-align: center;
	line-height: 150%;
	}

div.footer img{
	width: 65%;
	}

div.footer a.insta{
	display: block;
	border: none;
	width: 11%;
	margin: 0.5em auto;
	}

div.footer a.insta img{
	width: 100%;
	}

/* ナビゲーション ----------------------------------------------------- */	
#site_id{
	position: fixed;
	bottom: 7px;
	left: 5px;
	z-index: 10000;
	}


@media(max-width:599px){

.foot_menu{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: #fff;
	padding-bottom: 2px;
	border-top: 2px solid #f2444d;
	z-index: 9999;
	}

}

.foot_menu span.genericon-menu{
	font-size: 30px;
	margin: 0.2em 0;
	color: #999;
	}

.foot_menu a.for_top{
	display: none;
	}
	
.foot_menu a.for_bottom{
	border: none;
	}


.foot_menu ul{
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid #dedede;
	background-color: rgba(255,255,255,0.80);
	}

.foot_menu li{
	display: block;
	width: 50%;
	float: left;
	border-right: 1px solid #dedede;
	}

	.foot_menu li.colspan{
		width: 100%;
		}

	.foot_menu li.saijiki{
		width: 50%;
		}

	.foot_menu li.inquiry{
		width: 50%;
		}

.foot_menu li a{
	display: block;
	text-align: center;
	border-bottom: 1px solid #dedede;
	padding: 0.8em 0;
	color: #000;
	font-size: 18px;
	text-decoration: none;
	}

.foot_menu .line_top{
	margin: 4px 0 2px 0;
	}

.foot_menu .insta_logo_name{
	width: 120px;
	margin: -6px 0 -15px 0;
}

/* コンテンツ ----------------------------------------------------- */
div.contents{
	width: 100%;
	margin: 0 auto;
	}

div.block01{ /*背景色あり、画像90%表示*/
	width: 100%; 
	padding: 5%; 
	background-color: #fefdec;
	margin-top: 2em;
	}

div.block01 img{
	width: 100%;
	}

div.block01 h2,
div.block01 h3{
	font-weight: normal;
	font-size: 30px;
	margin: 0.3em 0;
	}


div.block02{ /* 背景色なし、画像100%表示、TOP赤線 */
	width: 100%; 
	border-top: 2px solid #f2444d; 
	padding-top: 10px;
	margin-top: 2em;
	}

div.block02 img{
	width: 100%;
	}

div.block02 h2,
div.block02 h3{
	font-weight: normal; 
	font-size: 30px; 
	margin: 0.3em 5%;
	}

div.block02 p{
	width: 90%; 
	margin: 0 auto;
	}

/* 仕切りアイコン ----------------------------------------------------- */
div.div_icon{
	width: 100%;
	text-align: center;
	margin: 2.5em 0 1.5em 0;
	}

div.div_icon img{
	width: 16%;
	}


/* SNSボタン ----------------------------------------------------- */
div.sns{
	width: 85%;
	margin: 10% auto;
	text-align: center;
	}

div.sns img{
	width: 19%;
	margin: 0 2%;
	}
	
div.sns a{
	border: none;
	}

/* リンク */

div.link{
	width: 90%;
	margin: 20px auto 0 auto;
	text-align: center;
	line-height: 180%;
	color: #999;
	}

div.link a{
	margin: 0 0.5em;
	color: #000;
	}

div.link span.br_for_s:before{
	content: "|\A";
	white-space: pre;
	}


/* 出典 */
cite{
	display: block;
	width: 90%;
	margin: 1.5em auto;
	font-size: 14px;
	border: 1px dashed #c9ba88;
	padding: 1em;
	text-align: center;
	}

/* 入力フォーム ================================================================================== */



form{
	width: 96%;
	margin: 0 auto;
	}

form div.flow h1,
form.confirm div.flow h1,
div.send div.flow h1{
	width: 100%;
	padding: 0.3em;
	margin-bottom: 0.2em;
	border: 1px solid #ccc;
	text-align: center;
	}


form div.flow,
form.confirm div.flow,
div.send div.flow{
	text-align: left;
	margin: 10px auto 15px auto;
	font-size: 16px;
	text-align: center;
	}

form div.flow span,
form.confirm div.flow span,
div.send div.flow span{
	font-weight: bold;
	border-bottom: 1px dashed #999;
	padding-bottom: 2px;
	}

fieldset{
	border: none;
	margin: 0 auto 15px auto;
	}

legend{
	font-size: 20px;
	padding: 0.3em 0;
	width: 100%;
	background-color: #efefef;
	text-align: center;
	margin-bottom: 10px;
	}

label{
	font-size: 20px;
	display: block;
	}

/* 必須・任意表示 */
label span{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0000ff;
	padding: 0.25em 0.3em;
	margin-right: 0.2em;
	vertical-align: 25%;
	border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
	}

label span.require{
	background-color: #f2444d;
	}

input,
select,
textarea{
	border: 1px solid #cccccc;
	height: 2em;
	font-size: 18px;
	width: 100%;
	margin-bottom: 10px;
	}

textarea{
	height: 4em;
	}


/* チェックボックスボタン化 ----------------------------------------------------- */
.check-group{
	margin-bottom: 10px;
	}

.check-group input {
	display: none;
	}

.check-group label {
	cursor: pointer;
	padding: 10px 0;
	border: solid 1px #ccc;
	margin-bottom: -1px;
	background: #fff;
	width: 100%;
	text-align: center;
	}

.check-group input:checked+label {
	background: #efefef;
	}

.check-group .top label{
	-webkit-border-top-left-radius: 5px;  
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topright: 5px;
	}

.check-group .bottom label{
	-webkit-border-bottom-left-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;  
	-moz-border-radius-bottomright: 5px;
	}


/* 送信ボタン */
input[type="submit"],
div.send a.button{
	border: 1px solid #999999;
	font-size: 24px;
	margin: 30px auto;
	width: 92%;
	display: block;
	background-color: #efefef;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	}

div.error{
	color: #0000ff;
	}


/* 入力内容の確認 */
form.confirm > div{
	font-size: 18px;
	text-align: center;
	margin-bottom: 1.5em;
	}

form.confirm > div div{
	font-size: 20px;
	background-color: #efefef;
	}

form.confirm > div p{
	margin: 1% 2%;
	}

p.back{
	width: 92%;
	margin: 0 auto;
	}


/* 送信完了 */
div.send{
	text-align: center;
	}


div.send div{
	width: 96%;
	}

div.send p{
	margin: 100px auto;
	}


/* policy */
div.policy h2{
	font-size: 20px;
	}


/* トップページ =================================================================== */
div.contents h1.top{
	text-align: center;
	width: 100%;
	margin: 0 auto;
	}

h1.top img{
	width: 100%;
	}

h1.top img.for_w{
	display: none;
	}


div.top h2 span{
	display: block;
	font-size: 22px;
	margin-bottom: 1em;
	}

div.top_syugen div.left,
div.top_syugen div.right{
	margin-top: 20px;
	}

div.top_syugen div.left h3,
div.top_syugen div.right h3{
	font-size: 22px;
	}


@media(min-width:600px){
div.top_syugen div.left,
div.top_syugen div.right{
	width: 48%;
	}

div.top_syugen div.left h3,
div.top_syugen div.right h3{
	width: 98%;
	margin: 5px auto;
	}

div.top_syugen div.left p,
div.top_syugen div.right p{
	width: 98%;
	margin: 0 auto;
	}


div.top_syugen div.left{
	float: left;
	margin-left: 1%;
	}

div.top_syugen div.right{
	float: right;
	margin-right: 1%;
	}
}


/* お知らせ ------------------------------------------------ */


div.top div.info{
	width: 90%;
	margin: 1.5em auto 0 auto;
	max-width: 960px;
	border-bottom: 1px solid #c9ba88;
	}

div.top div.info span{
	display: block;
	font-weight: bold;
	width: 100%;
	text-align: left;
	margin-bottom: 0.2em;
	}

div.top div.info p{
	border-top: 1px solid #c9ba88;
	padding: 1em 0.5em;
	text-align: center;
	font-size: 14px;
	text-align: left;
	}



/* 想い ----------------------------------------------------- */

/* トップ/祝言/嫁入り ----------------------------------------------------- */

/* 実例掲載 */
div.top div.jitsurei{
	width: 90%;
	margin: 0 auto;
	max-width: 960px;
	}

div.top  div.jitsurei h3{
	font-size: 18px;
	font-weight: normal;
	margin: 0.4em 0 0.4em 2.5%;
	}

div.top div.jitsurei > a.frame{
	display: block;
	width: 95%;
	margin: 20px auto;
	border: 1px solid #ccc;
	}

div.top div.jitsurei a.frame img{
	width: 96%;
	margin: 2%;
	display: block;
	}

div.top div.jitsurei div.catch{
	width: 95%;
	}

div.top div.jitsurei p{
	border-top: 1px solid #c9ba88;
	border-bottom: 1px solid #c9ba88;
	padding: 1em 0.5em;
	margin: 1em auto;
	width: 95%;
	}


div.top div.jitsurei{
	margin-top: 50px;
	}

div.top div.jitsurei hr{
	border: none;
	border-top: 1px solid #c9ba88;
	margin: 2px 0;
	display: block;
	width: 100%;
	}

div.top div.jitsurei h2{
	color: #6b6348;
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	width: 5em;
	background-color: #fff;
	margin: -0.8em auto 0 auto;
	}


div.top div.jitsurei p span{
	display: block;
	width: 100%;
	text-align: right;
	}

@media(min-width:600px){

div.top div.jitsurei > a.frame{
	width: 90%;
	}

div.top div.jitsurei a.frame img{
	width: 97%;
	margin: 1.5%;
	}

	
}




/* トップ/神社で結婚式 ----------------------------------------------------- */

/* トップ/田舎で結婚式 ----------------------------------------------------- */

	
div.top_inaka div.block01 h3{
	font-weight: normal;
	font-size: 30px;
	}

.top_inaka .bnr {
	text-align: center;
	padding: 32px 0;
	}

.top_inaka .bnr img {
	float: none;
	width: 100%;
	max-width: 744px;
	height: auto;
    margin-left: 0;
	}
	
	
    

/* トップ/プランナーのこと ----------------------------------------------------- */
div.top_planner h2{
	font-size: 22px;
	line-height: 150%;
	}

div.top_planner h2 span{
	font-size: 14px;
	}

div.top_planner p.omoi{
	width: 90%;
	margin: 10px auto;
	border-top: 1px solid #c9ba88;
	border-bottom: 1px solid #c9ba88;
	padding: 1em 0.5em;
	}

div.top_planner p.omoi span.syomei{
	display: block;
	text-align: right;
	}

div.top_planner > div > p{
	width: 98%;
	margin: 5px auto;
	font-size: 14px;
	}



/* ギャラリー ----------------------------------------------------- */

h2.insta .insta_logo_name{
	width: 165px;
	margin-bottom: -20px;
}



/* 各ページ ======================================================== */


div.contents h1{
	font-size: 20px;
	font-weight: normal;
	width: 90%;
	margin: 0.5em auto 1em auto;
	}

div.contents div.catch{
	width: 90%;
	margin: 0 auto;
	font-size: 30px;
	line-height: 120%;
	}

div.contents img.main{
	width: 100%;
	}

div.contents div.photos{
	width: 100%;
	}

div.contents div.photos img{
	width: 100%;
	}


/* 祝言 ========================================================== */

div.syugen blockquote{
	width: 85%;
	margin: 2em auto;
	font-style: italic;
	font-family: MyHonoka;
	font-size: 18px;
	line-height: 130%;
	}


div.syugen h2{
	font-size: 24px;
	width: 90%;
	margin: 0.5em auto;
	}

div.syugen div.block02{
	border: none;
	}

div.syugen div.recommend h2{
	margin-left: 0;
	}

div.syugen div.recommend ul{
	width: 90%;
	margin: 0 auto 0 8%;
	}


div.thum{
	width: 99.8%;
	margin: 1em 0.2% 1em 0;
	}

div.thum a{
	display: block;
	width: 32.933333%;
	height: 32.933333%;
	margin: 0.2%;
	float: left;
	border: none;
	overflow: hidden;
	}
	
div.thum a img{
	width: 150%;
	vertical-align: bottom;
	margin: 0 0 0 -25%;
	}

div.thum a.tate img{
	width: 100%;
	margin: -50% 0 0 0;
	}
	
div.thum a figure{
	display: none;
	}


/* 神社で結婚式 ========================================================== */

/* 式の流れ */
div.jinja div.flow h2{
	margin-left: 3%;
	}

div.jinja div.flow > div{
	margin-bottom: 30px;
	}

div.jinja div.flow > div > img{
	width: 100%;
	}

div.jinja div.flow > div > div{
	width: 96%;
	margin: 0 auto;
	}

div.jinja div.flow > div > div span{
	display: block;
	}

div.jinja div.flow > div > div span.name{
	font-size: 28px;
	}

div.jinja div.flow > div > div span.furi{
	font-size: 18px;
	}
	
div.jinja div.flow > div > div p{
	border-top: 2px solid #c9ba88;
	border-bottom: 2px solid #c9ba88;
	width: 100%;
	padding: 0.5em;
	}


div.jinja div.s_hidden{
	display: none;
	}

/* 神様の紹介 */
div.jinja div.kamisama > div span{
	display: block;
	}

div.jinja div.kamisama > div span.name{
	font-size: 28px;
	margin-top: 0.3em;
	line-height: 120%;
	}

div.jinja div.kamisama > div span.furi{
	font-size: 20px;
	margin: 0.3em 0 0.5em 0;
	}

div.jinja div.kamisama > div span.omona{
	font-size: 24px;
	margin-bottom: 0.2em;
	}

div.jinja div.kamisama > div p.omona{
	border-top: 2px solid #c9ba88;
	border-bottom: 2px solid #c9ba88;
	padding: 0.5em;
	margin-top: 0.5em;
	}

div.jinja div.kamisama > div p.omona a{
	margin-left: 0.5em;
	}

div.jinja p.caution{
	border: 1px dashed #c9ba88;
	padding: 0.5em;
	}


/* 田舎で結婚式 ======================================================= */


div.inaka h4{
	width: 100%;
	margin: 20px auto;
	font-family:MyHonoka;
	font-weight: normal;
	font-size: 22px;
	border-bottom: 2px solid #c9ba88;
	padding: 0 0 2px 0.5em;
	}


div.inaka div.photo{
	margin-bottom: 2em;
	}

div.inaka div.photo > div{
	margin-bottom: 1.5em;
	}

div.inaka div.photo > div a{
	border-bottom: none;
	}

div.inaka div.photo > div p a{
	border-bottom: 1px dashed #c9ba88;
	}


div.inaka p.caution{
	border: 1px dashed #c9ba88;
	padding: 0.5em;
	}

.inaka .bnr {
	text-align: center;
	padding: 32px 0;
	}


/* プランナーのこと ==========================================================*/

div.planner h1{
	margin-top: 20px;
	}

div.planner h2{
	font-size: 20px;
	}
	
/* プロフィール */
div.planner div.profile{
	border-top: none; 
	padding-top: 0;
	}

div.planner div.profile img{
	width: 90%;
	display: block;
	margin: 0 auto;
	}

div.planner div.profile > div{
	width: 90%;
	margin: 0 auto;
	font-size: 24px;
	}

div.planner div.profile > div > span.kata{
	font-size: 14px;
	line-height: 250%;
	}

div.planner div.profile > div > span.en{
	font-size: 14px;
	}

div.planner div.profile > div > span.from{
	font-size: 14px;
	}

div.planner div.profile > p.profile{
	border-top: 1px solid #c9ba88;
	border-bottom: 1px solid #c9ba88;
	padding: 0.5em;
	margin: 1em auto;
	}

/* 今までにお手伝いした結婚式 */
div.planner div.gallery{
	border-top: none;
	}

@media(max-width:599px){

div.planner div.gallery a span.br:before{
	content: "\A";
	white-space: pre;
	}

}

/* 2017-3-9 追加 */
div.gallery div.gallery_foot{
	width: 90%;
	margin: 0 auto;
	}

div.gallery div.gallery_foot h1{
	width: 100%;
	}

div.gallery div.gallery_foot h1 span{
	display: block;
	font-size: 30px;
	margin-top: 0.3em;
	}

div.gallery div.gallery_foot div.img{
	width: 98%;
	margin: 1.5em auto 0 auto;
	border: 1px solid #ccc;
	}

div.gallery div.gallery_foot div.img img{
	width: 94%;
	margin: 3%;
	vertical-align: bottom;
	}

div.gallery div.gallery_foot div.memo{
	width: 95%;
	margin: 1.5em auto;
	padding: 1em;
	text-align: center;
	border-top: 1px solid #c9ba88;
	border-bottom: 1px solid #c9ba88;
	}
	
div.gallery div.gallery_foot div.memo span{
	display: block;
	}


/* 挙式当日までの流れ */
div.planner div.flow > div{
	position: relative;
	padding: 10px 0;
	}

div.planner div.flow > div > div.honoka{
	width: 90%;
	margin: 1em auto;
	border: 2px solid #c9ba88;
	text-align: center;
	padding: 0.5em 0;
	font-size: 24px;
	background-color: #fff;
	}

div.planner div.flow > div > div >p{
	width: 85%;
	font-size: 16px;
	margin: 0.5em auto 0 auto;
	padding: 1em;
	border: 1px dashed #ebe7d3;
	}

div.planner div.flow > div > div.line{
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	border-right: 2px solid #f2444d;
	z-index: -1000;
	}


/* プロデュース料について */

/* 図版 */
div.planner div.fee div.left{
	margin-bottom: 1.5em;
	}

div.planner div.fee table{
	width: 85%;
	margin: 0 auto;
	border-collapse: collapse;
	}

div.planner div.fee table td{
	text-align: center;
	/*font-size: 14px;*/
	padding: 1em;
	}

div.planner div.fee table td span.br:before{
	content: "\A";
	white-space: pre;
	}


div.planner div.fee table td.yari{
	border: 1px solid #999; 
	border-bottom: 1px dashed #999; 
	width: 80%; 
	height: 16em;
	/*background-color: #fcfae6;*/
	}

	div.planner div.fee table td.yari img{
		width: 20%;
		margin-top: 0.5em
		}

div.planner div.fee table td.budget{
	border: none; 
	border-top: 1px dashed #999; 
	border-bottom: 1px dashed #999; 
	width: 20%;
	line-height: 120%;
	}

div.planner div.fee table td.fee{
	border: 1px solid #999; 
	border-top: none;
	background-color: #f2f5df;
	}




div.planner div.fee > div{
	margin: 40px 0;
	}

div.planner div.fee > img{
	width: 90%;
	display: block;
	margin: 0 auto;
	}

div.planner div.fee > div h3{
	font-size: 25px;
	border-bottom: 2px solid #c9ba88;
	line-height: 118%;
	}

div.planner div.fee > div h3 span{
	display: block;
	font-size: 17px;
	}

div.planner div.fee > div p{
	width: 88%;
	margin-bottom: 2em;
	}


div.planner p.caution{
	border: 1px dashed #c9ba88;
	width: 95%;
	margin: 0 auto;
	padding: 1em;
	}



/* 歳時記 ======================================== */

div.saijiki h2{
	font-weight: normal;
	width: 90%;
	margin: 0 auto 12px auto;
	line-height: 130%;
	}

div.saijiki h2 div.month{
	width: 30%;
	float: left;
	text-align: center;
	margin-right: 2%;
	line-height: 100%;
	margin-top: 5px;
	}

div.saijiki h2 div.month p{
	border-bottom: 1px solid #000;
	width: 90%;
	margin: 0 auto 0.4em auto;
	padding-bottom: 0.2em;
	}

div.saijiki h2 div.month p span{
	font-size: 40px;
	}

div.saijiki h2 div.month span.kanji{
	display: block;
	font-size: 20px;
	}

div.saijiki h2 div.month span.kana{
	display: block;
	font-size: 16px;
	}



div.saijiki h2 div.month p span.color1{
	color: #ad0043;
	}

div.saijiki h2 div.month p span.color2{
	color: #88c5e6;
	}

div.saijiki h2 div.month p span.color3{
	color: #84a63b;
	}

div.saijiki h2 div.month p span.color4{
	color: #ffc9eb;
	}

div.saijiki h2 div.month p span.color5{
	color: #2b994d;
	}

div.saijiki h2 div.month p span.color6{
	color: #97bbff;
	}

div.saijiki h2 div.month p span.color7{
	color: #389cff;
	}

div.saijiki h2 div.month p span.color8{
	color: #1966c4;
	}

div.saijiki h2 div.month p span.color9{
	color: #c4bf84;
	}

div.saijiki h2 div.month p span.color10{
	color: #ad0043;
	}

div.saijiki h2 div.month p span.color11{
	color: #cca047;
	}

div.saijiki h2 div.month p span.color12{
	color: #4d2b11;
	}


div.saijiki img.main{
	display: block;
	width: 90%;
	margin: 0 auto;
	}

/* 主な行事 */

div.saijiki div.gyoji{
	width: 90%;
	margin: 15px auto;
	}

div.saijiki div.gyoji h3{
	font-weight: normal;
	border-bottom: 1px solid #c9ba88;
	font-size: 24px;
	padding-bottom: 2px;
	margin-bottom: 20px;
	}


div.saijiki div.gyoji > div{
	width: 97%;
	margin: 10px auto;
	}

div.saijiki div.gyoji > div h4{
	border-bottom: 1px dashed #c9ba88;
	color: #473f1d;
	/*font-weight: normal;*/
	font-family:MyHonoka;
	font-size: 20px;
	}

div.saijiki div.gyoji > div h4 span{
	font-size: 16px;
	font-weight: normal;
}


@media(max-width:599px){

div.saijiki div.gyoji > div h4 span.br:before{
	content: "\A";
	white-space: pre;
	}

}

div.saijiki div.gyoji > div p{
	margin: 10px auto 20px auto;
	width: 97%;
	}

div.saijiki div.gyoji > div p span{
	display: block;
	padding: 0.5em;
	border: 1px solid #ded5b4;
	margin-top: 0.5em;
	}



/* 人生儀礼 */

div.saijiki h1.girei{
	text-align: center;
	margin: 1.5em auto;
	}


div.saijiki table{
	width: 95%;
	border-collapse: collapse;
	margin: 0 auto;
	}

		
div.saijiki table td.icon{
	width: 29%;
	border-right: 2px solid #f2444d;
	text-align: center;
	padding-bottom: 3em;
	vertical-align: top;
	line-height: 140%;
	}

div.saijiki table td.icon img{
	width: 95%;
	}

div.saijiki table td.icon span{
	border: 1px solid #f2444d;
	font-size: 14px;
	color: #f2444d;
	padding: 0.1em;
	}

div.saijiki table td.text{
	vertical-align: top;
	padding: 0 0 3em 0.5em;
	line-height: 140%;
	}


/* ナビゲーション */

div.saijiki div.navi{
	width: 95%;
	}


div.saijiki div.navi select{
	width: 100%;
	font-size: 24px;
	height: 2.3em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0.6em 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	margin: 0.5em 0;
	line-height: 100%;
	border: 1px solid #999;
	color: #45433f;
	background-color: #efefef;
	}

/* お手伝いさせていただいた結婚式 =================================== */

div.gallery_top > div{
	width: 95%;
	margin: 0 auto;
	}

div.gallery_top > div > div{
	width: 48%;
	margin: 1%;
	float: left;
	text-align: center;
	margin-bottom: 0.5em;
	}

div.gallery_top > div > div a{
	border: none;
	}

div.gallery_top > div > div p{
	line-height: 110%;
	}

div.gallery_top > div > div img{
	width: 100%;
	}


div.gallery div.inner p{
	width: 95%;
	margin: 0 auto 1em auto;
	}


div.gallery div.inner > div img{
	width: 100%;
	}

@media(max-width:599px){

a.gallery_list{
	display: block;
	position: fixed;
	right: 5px;
	bottom: 55px;
	font-size: 17px;
	color: #f2444d;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 1em;
	line-height: 100%;
	width: 3em;
	height: 3em;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #f2444d;
	background-color: #fff;/* 円の色 */

	}
	
}
	
/* 小型タブレット用style ここから ========================================================================================== */

@media(min-width:600px){


/* 共通 600 ================================================================================== */

.for_s{
	display: none;
	}

.for_pc{
	display: block;
	}


/* リンクボタン */
a.button{
	font-size: 20px;
	}


/* ヘッダー 600 ----------------------------------------------------- */

/* フッター 600 ----------------------------------------------------- */

div.footer a.button{
	width: 57%;
	margin-left: auto;
	margin-right: auto;
	}

div.footer img{
	width: 35%;
	margin-bottom: 0.5em;
	}

div.footer a.insta{
	width: 6%;
	}

/* ナビゲーション 600 ----------------------------------------------------- */
.foot_menu{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	background-color: #fff;
	padding-bottom: 2px;
	border-bottom: 2px solid #f2444d;
	}

.foot_menu .line_top{
	margin: 4px 0 2px 0;
	}


	.foot_menu li.colspan{
		width: 50%;
		}

	.foot_menu li.saijiki{
		width: 50%;
		}

	.foot_menu li.inquiry{
		width: 50%;
		}


.foot_menu a.for_top{
	display: inline;
	cursor: pointer;
	border: none;
	}


.foot_menu a.for_bottom{
	display: none;
	}


#site_id{
	display: block;
	position: fixed;
	top: 8px;
	left: 5px;
	}
	
/* コンテンツ 600 ----------------------------------------------------- */
div.contents{
	margin-top: 50px;
	padding: 0 20px;
	}

div.block01 h2,
div.block01 h3,
div.block02 h2,
div.block02 h3
{
	margin: 0 0 0.3em 0;
	}

/* 仕切りアイコン 600 ----------------------------------------------------- */
div.div_icon{
	margin: 3em 0;
	}

div.div_icon img{
	width: 8%;
	}

/* SNSボタン 600 ----------------------------------------------------- */
div.sns{
	width: 230px;
	margin: 5% auto;
	text-align: center;
	}

div.sns img{
	width: 17%;
	margin: 0 1%;
	}


/* リンク */

div.link{
	width: 80%;
	line-height: 140%;
	}

div.link a{
	font-size: 12px;
	}

div.link span.br_for_s:before{
	content: "";
	white-space: pre;
	}

div.link span.br_for_pc:before{
	content: "|\A";
	white-space: pre;
	}


/* 出典 */

cite{
	width: 60%;
	font-size: 12px;
	}


/* トップページ 600 =================================================================== */

/*h1.top img{
	width: 50%;
	}*/


div.block02{ /* 背景色なし、画像100%表示、TOP赤線 */
	padding-top: 15px;
	}

div.top a.button{
	margin-top: 30px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	}



/* 想い 600 ----------------------------------------------------- */

div.omoi > div{
	width: 48%;
	}

div.omoi > div.left{
	margin-right: 2%;
	float: left;
	}

div.omoi > div.right{
	margin-left: 2%;
	float: right;
	}


/* 祝言/嫁入り 600 ----------------------------------------------------- */


div.top_syugen div.block02 img{
	width: 98%;
	display: block;
	margin: 0 auto 10px auto;
	}


div.top_syugen div.block02 div.inner{
	width: 95%;
	margin: 0 auto;
	}

div.top_syugen div.block02 div.inner p{
	width: 100%;
	}

div.syugen div.block02 img.left,
div.syugen div.block02 div.left{
	width: 48%;
	float: left;
	}

div.syugen div.block02 img.left{
	margin-left: 1%;
	}

div.syugen div.block02 img.right,
div.syugen div.block02 div.right{
	width: 48%;
	float: right;
	}

div.syugen div.block02 img.right{
	margin-right: 1%;
	}

div.thum{
	width: 100%;
	margin: 30px auto;
	}

div.thum a{
	display: block;
	width: 23%;
	margin:1%;
	}
	
div.thum a img{
	width: 100%;
	margin: 0;
	}


div.thum a.tate{
	height: 1%;
	overflow: hidden;
	}

div.thum a.tate img{
	margin: -41.7% 0;
	}
	
@media(min-width:768px){
div.thum a.tate img{
	margin: -41.515% 0;
	}	
}
	
@media(min-width:900px){
div.thum a.tate img{
	margin: -41.515% 0;
	}	
}


div.syugen div.matome img{
	display: block; 
	width: 70%; 
	margin: 0 auto;
	}


div.syugen div.matome h2{
	text-align: center;
	}

div.service div.block02{
	width: 48%;
	}

div.service > div.left{
	margin-right: 2%;
	float: left;
	}

div.service > div.right{
	margin-left: 2%;
	float: right;
	}

div.service > div.block02 h2{
	font-weight: normal; 
	font-size: 30px; 
	margin: 0.3em 0;
	}

div.service > div.block02 p{
	width: 100%; 
	}

div.service > div.block02 p a{
	width: 90%;
	margin: 1.5em auto; 
	}


/* 神社で結婚式 田舎で結婚式 600 ----------------------------------------------------- */


div.top_jinja,
div.top_inaka{
	padding-top: 25px;
	}

div.top_jinja img,
div.top_inaka img{
	width: 48%;
	float: left;
	margin-left: 1%;
	}

div.top_jinja div.right,
div.top_inaka div.right{
	width: 48%;
	float: right;
	margin-right: 1%;
	}

div.top_jinja > div > div p,
div.top_inaka > div > div p{
	width: 100%; 
	}


div.top_inaka div.block01 > div.inner{
	width: 30%;
	margin: 0 1.5%;
	float: left;
	}

div.top_inaka div.block01 > div.inner > img{
	width: 100%;
	margin-bottom: 10px;
	}




/* プランナーのこと 600 ----------------------------------------------------- */

div.top_planner > div > div.left{
	width: 42%;
	margin: 0 7% 0 3%;
	float: left;
	}

div.top_planner > div > h2.right{
	width: 46%;
	margin: 0 2% 0 0;
	float: right;
	}

div.top_planner > p{
	margin-top: 1.5em;
	width: 100%;
	}

div.top_planner p.omoi{
	padding: 1em 3em;
	}


div.top_planner a.button{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	}

div.top_planner span.br_for_pc:before{
	content: "\A";
	white-space: pre;
	}


/* ギャラリー 600 ----------------------------------------------------- */
div.top div.button_on_img{
	width: 70%;
	margin: 0 auto;
	border-top: none;
	}


div.button_on_img a.button{
	width: 60%;
	margin: 0 auto;
	}


/* 入力フォーム 600 ================================================================================== */

form{
	max-width: 500px;
	}

legend{
	font-size: 16px;
	font-weight: bold;
	}

label{
	font-size: 16px;
	margin-bottom: 2px;
	}

input,
select,
textarea{
	font-size: 16px;
	}

textarea{
	height: 8em;
	}


input[type="submit"]{
	font-size: 20px;
	cursor: pointer;
	}


/* policy */
div.policy h2{
	font-size: 18px;
	}


/* 各ページ 600 ======================================================== */

div.contents h1{
	}

div.contents div.catch{
	}

div.contents img.main{
	width: 90%;
	display: block;
	margin: 70px auto 0 auto;
	}

div.contents div.photos{
	width: 94%;
	margin: 0 auto;
	}

div.contents div.photos img{
	width: 46%;
	margin: 2%;
	float: left;
	}


/* 祝言 600 ============================================== */

div.syugen h2{
	width: 90%;
	margin: 0.5em auto 1em auto;
	}


/* 神社で結婚式 600 ============================================== */


div.jinja div.kamisama h2{
	margin-left: 3%;
	}

div.jinja div.flow > div > img{
	width: 45%;
	margin: 0 2%;
	float: left;
	}

div.jinja div.flow > div > div{
	width: 48%;
	margin: 0 2% 0 0;
	float: right;
	}

div.jinja div.s_hidden{
	display: block;
	}

div.jinja div.kamisama > div.inner{
	width: 48%;
	margin: 0 1%;
	float: left;
	margin-bottom: 35px;
	}

div.jinja div.kamisama > div.inner img{
	display: block;
	width: 92%;
	margin: 0 auto;
	}

div.jinja div.kamisama > div.inner span{
	}

div.jinja div.kamisama > div.inner span.name{
	}

div.jinja div.kamisama > div.inner span.furi{
	}

div.jinja div.kamisama > div.inner span.omona{
	}

div.jinja div.kamisama > div.inner p.omona{
	}

div.jinja div.kamisama > div.inner p.omona a{
	margin-left: 1em;
	}



/* 田舎で結婚式 600 ==============================================  */

div.inaka h2.left{
	width: 48%;
	margin: 0 2%;
	float: left;
	}

div.inaka div.right{
	width: 48%;
	float: right;
	}

div.inaka div.right h3{
	margin-left: 3%;
	}

div.inaka div.kominka h4,
div.inaka div.sonota h4{
	width: 98%;
	padding-left: 1%;
	}

div.inaka div.kominka > p,
div.inaka div.sonota > p{
	width: 90%;
	}

div.inaka div.photo > div{
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	}



/* プランナーのこと 600 ======================================================= */

div.planner h1{
	margin-top: 90px;
	}

div.planner div.profile img{
	width: 44%;
	margin: 0 2% 20px 4%;
	float: left;
	}

div.planner div.flow h2,
div.planner div.fee h2{
	margin-left: 2%;
	}

div.planner div.flow > div{
	width: 70%;
	margin: 0 auto;
	}


div.planner div.fee div.left{
	width: 50%;
	margin: 0 2% 45px 0;
	float: left;
	}

/* 図版 */
div.planner div.fee table{
	width: 90%;
	}


div.planner div.fee p.right{
	width: 48%;
	float: right;
	margin-bottom: 45px;
	}

div.planner div.fee div.inner{
	width: 95%;
	margin: 30px auto 0 auto;
	}

div.planner div.fee > div h3 span{
	float: right;
	}

div.planner div.fee > div p{
	clear: right;
	width: 95%;
	}

div.planner div.button_on_img{
	width: 70%;
	margin: 0 auto;
	}



/* 歳時記 600 ======================================================= */

div.saijiki h1{
	margin-top: 80px;
	}


div.saijiki div.month{
	width: 90%;
	margin: 0 auto;
	}

div.saijiki h2{
	width: 55%;
	float: left;
	font-size: 34px;
	line-height: 150%;
	}


div.saijiki h2 div.month{
	margin-right: 5%;
	}

div.saijiki h2 div.month p{
	}

div.saijiki h2 div.month p span{
	font-size: 60px;
	}

div.saijiki h2 div.month span.kanji{
	font-size: 24px;
	}

div.saijiki h2 div.month span.kana{
	font-size: 16px;
	}

div.saijiki img.main{
	width: 44%;
	float: right;
	margin: 0 0 50px 0;
	}


div.saijiki div.gyoji{
	clear: both;
	}


/* 人生儀礼 600 */

div.saijiki h1.girei{
	margin: 100px auto 50px auto;
	}

div.saijiki table{
	width: 85%;
	}

		
div.saijiki table td.icon{
	width: 15%;
	padding: 0 1em 5em 0;
	}

div.saijiki table td.icon img{
	width: 95%;
	}

div.saijiki table td.icon span{
	}

div.saijiki table td.text{
	padding: 0 0 5em 1em;
	}



/* ナビゲーション 600 */

div.saijiki div.gyoji div.navi div.for_pc{
	text-align: center;
	line-height: 260%;
	border-top: 2px solid #c9ba88;
	border-bottom: 2px solid #c9ba88;
	padding-top: 1em;
	margin: 60px auto 20px auto;
	}
	
div.saijiki div.gyoji div.navi div.for_pc a{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	text-decoration: none;
	color: #000;
	font-size: 20px;
	border-bottom: none;
	
}

div.saijiki div.gyoji div.navi div.for_pc a:hover{
	color: #999;
	}


div.saijiki div.gyoji div.navi div.for_pc a.here{
	color: #f2444d;
	font-weight: bold;
	
}



/* お手伝いさせていただいた結婚式 600 ======================================= */

div.gallery_top h1{
	margin-top: 90px;
	}


div.gallery_top > div{
	width: 95%;
	margin: 0 auto;
	}

div.gallery_top > div > div{
	width: 21%;
	margin: 2%;
	float: left;
	text-align: center;
	margin-bottom: 0.5em;
	}

div.gallery_top > div > div img{
	width: 100%;
	}


div.gallery h1{
	margin-top: 90px;
	}

div.gallery div.inner{
	width: 95%;
	margin: 0 auto;
	}

div.gallery div.inner > div{
	width: 46%;
	margin: 2% 2% 1.5em 2%;
	float: left;
	}

div.gallery div.inner > div img{
	width: 100%;
	}


div.gallery div.navi{
	margin-top: 30px;
	border-top: 2px solid #c9ba88;
	border-bottom: 2px solid #c9ba88;
	}

div.gallery div.navi > div{
	width: 95%;
	margin: 10px auto 0 auto;
	}


/* 2017-3-10 追加 */

div.gallery div.gallery_foot h1{
	margin-top: 2em;
	margin-bottom: 2em;
	}

div.gallery div.gallery_foot div.text{
	width: 95%;
	margin: 0 auto;
	}

div.gallery div.gallery_foot div.img{
	width: 50%;
	margin: 0 0 0 2%;
	float: right;
	}

div.gallery div.gallery_foot div.memo{
	clear: both;
	width: 100%;
	}


}


@media(min-width:960px){ /* PC用 */

/* 共通 960 ================================================================================== */

/* ヘッダー 960 ----------------------------------------------------- */

/* フッター 960 ----------------------------------------------------- */
div.footer > div{
	margin: 0 auto;
	max-width: 900px;
	}

div.footer a.button{
	width: 43%;
	}

div.footer img{
	width: 25%;
	}

div.footer a.insta{
	width: 4%;
	}



/* ナビゲーション 960 ----------------------------------------------------- */

.foot_menu{
	display: none;
	}

div.head_menu{
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 2px solid #f2444d;
	height: 44px;
	background-color: #fff;
	z-index: 1000;
	font-size: 14px;
	}

div.head_menu ul{
	float: right;
	border: 1px dahsed #ff0000;
	margin: 21px 8px 0 0;
	}

div.head_menu ul li{
	display: inline;
	margin-left: 1em;
	}

div.head_menu ul li a{
	text-decoration: none;
	color: #000;
	border: none;
	}

div.head_menu ul li a:hover{
	color: #999;
	}

div.head_menu i{
	font-size: 21px;
	color: #000;
	margin-top: -20px;
	vertical-align: -3%;
	}

div.head_menu .logo_insta{
	width: 23px;
	color: #000;
	margin-top: -10px;
	vertical-align: -28%;
	/* border: 1px solid #ff0000; */
	}

/* コンテンツ 960 ----------------------------------------------------- */
div.contents{
	max-width: 900px;
	}


/* 仕切りアイコン 960 ----------------------------------------------------- */
div.div_icon{
	margin: 3.5em 0 3.5em 0;
	}

div.div_icon img{
	width: 6.5%;
	}


/* SNSボタン 960 ----------------------------------------------------- */

/* トップページ 960 =================================================================== */


/* トップ/想い 960 ----------------------------------------------------- */

/* トップ/祝言/嫁入り 神社で結婚式 960 ----------------------------------------------------- */

/* トップ/田舎で結婚式 960 ----------------------------------------------------- */
div.inaka a.button{
	width: 50%;
	}


/* トップ/プランナーのこと 960 ----------------------------------------------------- */

div.top_planner p.omoi{
	padding: 2em 6em;
	}


div.top_planner a.button{
	width: 50%;
	}


/* トップ/ギャラリー 960 ----------------------------------------------------- */
div.button_on_img a.button{
	width: 50%;
	margin: 0 auto;
	}


/* 入力フォーム 960 ================================================================================== */

	
}


@media(min-width:1280px){ /* 大型ディスプレイ用 */

	
}