@charset "utf-8";
/*
Theme Name: jinjakyoshiki.info
Theme URI:
Author: ENZo & tocci
Author URI:
Version: 1.0
Template: twentyfifteen
*/
/* CSS Document */

/* 要素リセット */

* {
   margin: 0;
   padding: 0;
}

p,address {
   font-size: 100%;
   font-weight: normal;
   font-style: normal;
}

img {
   border: none;
}

/* 全ページ共通 */

body {
   margin: 0px;
   padding: 0px;
   text-align: left;
   font-size: 90%;
   color: #666;
   line-height: 1.5em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;
   text-align: justify;
   text-justify: inter-ideograph;
   -webkit-text-size-adjust: 100%;
}

#wrapper {
	width: 100%;
	margin: auto;
}

/* トップスライドイン　ボタン */
#pagetop {
   background-color:#fff;
   color:#333;
   padding-top: 5px;
   width:100%;
   height:45px;
   position:fixed;
   z-index:99999;
   top:-60px;
   opacity:0.9;
   border-bottom: 1px solid #eee;
   text-align: center;
   margin:auto;
   -webkit-box-shadow: 0 10px 6px -6px #777;
   -moz-box-shadow: 0 10px 6px -6px #777;
   box-shadow: 0 10px 6px -6px #777;
}

#pagetop_inner0 {
   height: 40px;
   position: relative;
   top: 10px;
   padding-left: 20px;
}

.pagetop_btm {
	display: inline-block;
}

.header_btm00 {
	background-color: #c77265;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}

.header_btm01 {
	background-color: #c77265;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}

#pagetop_inner0 a {
	color: #fff;
	text-decoration: none;
}

#pagetop_inner0 a:hover {
	color: #ccc;
	text-decoration: none;
}

#header {
	width: 100%;
}

.container {
	width: 100%;
	padding: 70px 0px;
}

.contents {
	width: 1100px;
	margin: auto;
}

/* ヘッダー */

#header {
	width: 100%;
	text-align: center;
	color: #a18c74;
	padding-top: 10px;
	overflow: hidden;
}

.header_copy {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom: 30px;
	font-size: 13px;
}

.header_logo {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size: 40px;
	padding-bottom: 50px;
}

.header_logo a {
	color: #a18c74;
	text-decoration: none;
}

.header_logo a:hover {
	color: #a18c74;
	text-decoration: none;
}

.header_left {
	float: left;
	margin-left: 20px;
}

.header_left ul li {
	display: inline;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	padding-right: 10px;
	font-size: 15px;
}

.header_left ul li a {
	color: #fff;
	text-decoration: none;
}

.header_left ul li a:hover {
	color: #6e6e38;
	text-decoration: none;
}

.header_btm {
	background-color: #c77265;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}

.header_btm2 {
	background-color: #c77265;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}

.header_right {
	float: right;
	margin-right: 20px;
	padding-bottom: 10px;
}

.header_tel {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	margin-right: 20px;
}

.header_tel a {
	color: #a18c74;
	text-decoration: none;
}

.header_table {
	display: inline-block;
	text-align:left;
	font-size: 12px;
	line-height: 1.2em;
	border-spacing: 0px;
   border-collapse: collapse;
   vertical-align: text-bottom;
}

.header_table img {
	margin-left: 20px;
}


/* ヘッダーナビゲーション */

#menu_area {
	overflow: hidden;
	border-top: 1px solid #a18c74;
	clear: both;
}

#header_menu {
	margin: 0px 0px 0px 0px;
}

#toggle {
	display: none;
}

#top_menu li {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 10px 15px;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#top_menu li a {
	color: #a18c74;
	text-decoration: none;
}

#top_menu li a:hover {
	color: #999;
	text-decoration: none;
}

/* Navigation on top for smaller screens */

#small-screens-menu {
   background: #ae8249;
   display: none;
   font-size: 12px;
   position: relative;
   z-index: 999;
}

#small-screens-menu nav {
   display: none;
   background: #d19869;
}

#small-screens-menu a {
   text-align: center;
   padding: 12px 0;
   border-bottom: 1px solid #ffffff;
   display: block;
   text-shadow: none;
   color:#eee !important;
   text-decoration: none;
}

#small-screens-menu nav ul {
   padding: 0;
   margin: 0;
}

#small-screens-menu nav ul li {
   clear: both;
   float: none;
   width: 100%;
   padding: 0;
   list-style: none;
}

#small-screens-menu nav li:last-child a{
   border-bottom: none;
}
#small-screens-menu nav ul ul a {
   font-size: 90%;
}
#small-screens-menu a:hover
 {
   text-decoration: none;
   color:#ffffff !important;
   background:#bc996b;
}

/* フッター */

#footer {
	width: 100%;
	text-align: center;
	color: #a18c74;
}

#footer_menuarea {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #a18c74;
}

.footer_menu li {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 15px;
	vertical-align: middle;
}

.footer_menu li a {
	color: #a18c74;
	text-decoration: none;
}

.footer_menu li a:hover {
	color: #999;
	text-decoration: none;
}

.r_line {
	border-right: 1px solid #a18c74;
}

.footer_logo {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size: 35px;
	padding-bottom: 30px;
}

.swc_logo {
	margin-bottom: 20px;
}

.footer_tel {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.footer_time {
	padding-bottom: 10px;
}

address {
	padding-bottom: 10px;
}

.copyright {
	background-color: #a18c74;
	color: #fff;
	font-size: 13px;
	padding: 5px 0px;
}

#footer_flexbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.footer_box {
	padding: 0px 20px;
}


/* ページトップへ */

#gotop {
	position: fixed;
	bottom: -40px;
	right: 12px;
	opacity: 0.85;
}

#gotop:hover {
	opacity: 0.6;
}

#gotop a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #999;
	border-radius: 50%;
	webkit-border-radius: 50%;
	moz-border-radius: 50%;
	ms-border-radius: 50%;
	text-align: center;
	color: #ddd;
	font-size: 26px;
	text-decoration: none;
	line-height: 35px;
}

/* 装飾関係 */

.m_b10 {
   margin-bottom: 10px;
}

.m_b30 {
   margin-bottom: 30px;
}

.m_b50 {
   margin-bottom: 50px;
}

.m_auto {
   margin-left: auto;
   margin-right: auto;
}

.f_left {
   float: left;
}

.f_right {
   float: right;
}

.t_left {
   text-align: left;
}

.alignleft {
	clear: both;
	float: left;
	margin: 7px 28px 28px 0px;
}

.t_center {
   text-align: center;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 7px auto;
}

.t_right {
   text-align: right;
}

.alignright {
	clear: both;
	float: right;
	margin: 7px 0px 28px 28px;
}

.clear {
	clear: both;
}

.red {
   color: red;
}

.bold {
   font-weight: bold;
}

.over_hidden {
   overflow: hidden;
}

.font17px {
   font-size: 17px;
}

.free_img {
	width: 100%;
	height: auto;
}

/* タグ内１行目のみ字下げ */
.jisage {
   text-indent:1em;
}

/* タグ内１行目以外字下げ */
.jisage2 {
   padding-left: 1em;
   text-indent: -1em;
}

.nowrap {
   white-space: nowrap;
}

.gray {
	background-color: #f7f8f8;
	border-top: 1px solid #c2a177;
	border-bottom: 1px solid #c2a177;
}

.brown {
	color: #a18c74;
}

/* INDEXページ */

#index_toparea {
	background-image: url(./image/index/top_img.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 650px;
	background-size: contain;
}

#top_img {
	width: 100%;
	height: auto;
}

#top_bannerarea {
   background-color: rgba(255,255,255,0.9);
   width: 1200px;
   margin: auto;
}

.index_h1 {
	text-align: center;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size: 26px;
	padding: 20px 0px;
	line-height: 1.5em;
}

.top_title {
	border: 3px solid #c2a177;
	border-bottom-style: double;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0px;
	margin-bottom: 20px;
	 background-color: rgba(255,255,255,0.7);
}

.top_title a {
	color: #666;
	text-decoration: none;
}

.top_title a:hover {
	color: #999;
	text-decoration: none;
}

.news-textarea {
	width: 75%;
	margin: auto;
}

.index_topimg {
	margin-bottom: 10px;
}

.index_topimg img {
	width: 100%;
	height: auto;
}

.index_toptext {
	text-align: left;
}

/* メインコンテンツレイアウト部分 */
main { }
.main-container {
	padding: 0 0 40px 0;
	width: 95%;
	margin: auto;
}

.news-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.news-contents li {
	padding: 0px 0px 20px 0px;
	text-align: center;
	flex: 1 0 auto;  /* 1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 10px 5px;
	width: calc(20% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}
.news-contents li:empty {
	border: none;
}

.wn_h2area {
	overflow: hidden;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* INDEXお知らせ */

.wn_h2 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 25px;
	float: left;
}

.ichiran_btm {
	float: right;
}

.ichiran {
	background-color: #a18c74;
	color: #fff;
	padding: 5px 15px;
	font-size: 80%;
}

.ichiran_btm a {
	color: #fff;
	text-decoration: none;
}

.ichiran_btm a:hover {
	color: #ccc;
	text-decoration: none;
}

.news_zone {
	width: 100%;
	padding: 30px 0;
}

#wn_textarea {
	width: 1100px;
	margin: auto;
	/*height: 450px;*/
	overflow: auto;
}

.wn_text {
	border-bottom: 1px solid #666;
	border-bottom-style: dotted;
	padding: 0px 0px 25px 0px;
	line-height: 1.8em;
	width: 98%;
}

.wn_text a {
	color: #a18c74;
}

.wn_text a:hover {
	color: #8F7539;
	text-decoration: none;
}

.wn_title {
	color: #a18c74;
	font-weight: bold;
	font-size: 16px;
}

.small_date {
	font-size: 14px;
}

/* INDEX挙式神社一覧 */

.index_h2 {
	text-align: center;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 28px;
	margin-bottom: 50px;
	line-height: 1.5em;
}

.index_h3 {
	text-align: center;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 23px;
	color: #a18c74;
	padding-bottom: 10px;
}

.index_areacomme {
	font-size: 17px;
	text-align: center;
	margin: 0px auto 30px auto;
	line-height: 1.5em;
	width: 80%;
}

.index_areacomme2 {
	font-size: 17px;
	text-align: center;
	margin: 0px auto 30px auto;
	width: 80%;
	line-height: 1.5em;
}

.area_img {
	display: none;
}

#jinja_area {
	width: 100%;
	background-image: url(./image/index/jinjaarea_img.jpg);
	background-repeat: no-repeat;
	background-position: left 40px center;
	padding: 90px 0px;
}

#dress_area {
	width: 100%;
	background-image: url(./image/index/drassarea_img.jpg);
	background-repeat: no-repeat;
	background-position: right 40px center;
	padding: 90px 0px;
}

#place_area {
	width: 100%;
	background-image: url(./image/index/placearea_img.jpg);
	background-repeat: no-repeat;
	background-position: left 40px center;
	padding: 90px 0px;
}

#simu_area {
	width: 100%;
	background-image: url(./image/index/simulation_img.jpg);
	background-repeat: no-repeat;
	background-position: right 40px center;
	padding: 90px 0px;
}

#jinja_container {
	width: 100%;
	background-image: url(./image/body_bgm01.png);
	background-repeat: no-repeat;
	background-position: top 10px right;
	padding: 100px 0px 0px 0px;
}

.area_textarea {
	width: 800px;
	margin: 0px 0px 0px auto;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 0px;
}

.area_textarea2 {
	width: 800px;
	margin: 0px auto 0px 0px;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 0px;
}


.jinja_listarea {
	overflow: hidden;
	margin-bottom: 50px;
}

.jinja_list {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0px 10px;
}

.jinja_list table th {
	text-align: left;
}

.jinja_list a {
	color: #333;
	text-decoration: none;
}

.jinja_list a:hover {
	color: #999;
	text-decoration: none;
}

.jinja_btm {
	margin-bottom: 10px;
}

.jinja_btm2 {
	font-size: 22px;
	color: #a18c74;
	border: 3px solid #a18c74;
	border-style: double;
	padding: 10px 30px;
	background-color: #fff;
}

.jinja_btm a {
	color: #a18c74;
	text-decoration: none;
}

.jinja_btm a:hover {
	color: #999;
	text-decoration: none;
}

/* INDEX衣裳店一覧 */

#dress_container {
	width: 100%;
	background-image: url(./image/body_bgm02.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 100px 0px 0px 0px;
}

.dress_list {
	display: inline-block;
	text-align: left;
	font-weight: bold;
	margin: 0px 10px;
	vertical-align: top;
	color: #a18c74;
	font-size: 17px;
}

.dress_list li {
	list-style: none;
	padding-bottom: 10px;
}

.dress_list li a {
	color: #a18c74;
	text-decoration: none;
}

.dress_list li a:hover {
	color: #999;
	text-decoration: none;
}

/* INDEX会場一覧 */

#place_container {
	width: 100%;
	background-image: url(./image/body_bgm02.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 100px 0px 0px 0px;
}


/* INDEX料金シュミレーション */

#center_container {
	background-image: url(./image/body_bgm03.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#simu_container {
	width: 100%;
	padding: 100px 0px 100px 0px;
	background-image: url(./image/body_bgm04.png);
	background-repeat: no-repeat;
	background-position: bottom 50px right 50px;
}

.simulation_list {
	display: inline-block;
	text-align: left;
	font-weight: bold;
	margin: 0px 10px 30px 10px;
	vertical-align: top;
	color: #a18c74;
	font-size: 17px;
}

.simulation_list li {
	list-style: none;
	padding-bottom: 10px;
}

/* INDEX札幌神社挙式サイトをご覧のお客様 */

.greeting_text {
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width: 80%;
	line-height: 1.8em;
	margin: 0px auto 50px auto;
}

.greeting_area {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.greeting_img {
	display: inline-block;
	width: 33%;
}

.greeting_img img {
	width: 90%;
	height: auto;
}

/* INDEX神社挙式の事についてはなんでもお気軽にお問合せください */

#index_contactarea {
	overflow: hidden;
	width: 800px;
	margin: auto;
	text-align: center;
	background-color: #c09966;
	border: 5px solid #fff;
	border-style: double;
	color: #fff;
	padding: 30px 0px;
}

.index_h4 {
	font-size: 20px;
	padding: 0px 20px 40px 20px;
	line-height: 1.5em;
}

.index_h5 {
	font-size: 17px;
	padding-bottom: 20px;
}

.contact_area1 {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.contact_area2 {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.conarea_tel {
	font-size: 25px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

.con_listarea {
	text-align: left;
	margin: auto;
	width: 230px;
}

.con_listarea ul {
	margin-left: 20px;
}

/* NEXTページ共通 */

#next_container {
	width: 1500px;
	margin: 0px  auto 0px auto;
	overflow: auto;
	padding: 30px 0px 100px 0px;
}

.next_topimg {
	text-align: center;
	display: block;
}

.next_topimg2 {
	text-align: center;
	display: none;
}

.next_h1 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 10px 0px;
	font-size: 35px;
	color: #a18c74;
	border-bottom: 2px solid #a18c74;
	padding-bottom: 20px;
	margin-bottom: 40px;
	text-align: center;
}

#left_area {
	width: 1150px;
	float: left;
}

#right_area {
	width: 300px;
	float: right;
}

.right_text01 {
	font-size: 33px;
	text-align: center;
	padding-bottom: 20px;
	color: #a18c74;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "Times New Roman", Times, serif;
}

.right_text02 {
	font-size: 15px;
	color: #a18c74;
	margin: 0px auto 20px auto;
	width: 90%;
}

#right_bannerarea {
	width: 100%;
	border-top: 1px solid #a18c74;
	padding-top: 20px;
}

.right_banner {
	margin-bottom: 20px;
}

.right_banner img {
	width: 100%;
	height: auto;
}

#right_contactarea {
	overflow: hidden;
	margin: auto;
	text-align: center;
	border: 1px solid #c09966;
	color: #c09966;
	padding: 20px 0px;
}

.right_concomme {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	border-bottom: 1px solid #c09966;
	width: 90%;
	margin: 0px auto 10px auto;
}

.right_listarea ul {
	text-align: left;
	margin-left: 40px;
}

.right_tell {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 10px;
}

.right_telno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 10px;
}

.contact_right1 {
	margin-bottom: 30px;
}

.mail_mark {
	display: none;
}

.mail_mark2 {
	display: block;
}

.next_h2 {
	margin-bottom: 40px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 26px;
	color: #a18c74;
	line-height: 1.2em;
}

.next_h3 {
	margin-bottom: 5px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.5em;
}

/* イベントページ */

.event_area {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 3px solid #a18c74;
	border-bottom-style: dotted;
}

.event_text {
	font-size: 16px;
	margin-bottom: 50px;
}

.event_img {
	width: 40%;
	float: left;
	text-align: right;
}

.event_img img {
	width: 80%;
	height: auto;
}

/* 神前式とはページ */

.flow_text01 {
	margin-bottom: 70px;
}

.flow_h3 {
	margin-bottom: 10px;
}

.flow_area {
	max-width: 820px;
	margin-bottom: 10px;
}

.arrow_mark {
	margin-bottom: 10px;
}

.arrow_mark2 {
	margin-left: 10px;
	vertical-align: middle;
}

.flow_h4 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #a18c74;
	color: #fff;
	padding: 10px 20px;
	font-size: 19px;
	margin-bottom: 10px;
}

.flow_text {
	padding: 0px 0px 5px 20px;
}

.flow_img img {
	width: 100%;
	height: auto;
}

.flow_list {
	margin: 0px 0px 70px 30px;
}

.flow_btm2 {
	border: 3px solid #c2a177;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom-style: double;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 50px;
	margin-bottom: 20px;
	 background-color: rgba(255,255,255,0.7);
}

.flow_btm a {
	color: #c2a177;
	text-decoration: none;
}

.flow_btm a:hover {
	color: #e1c6a4;
	text-decoration: none;
}

/* 私たちの思いページ */

#concept_textarea {
	width: 900px;
	margin: auto;
}

#messe_area {
	border: 3px solid #c2a177;
	border-style: double;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
}

.concept_h3 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color:  #c2a177;
	line-height: 1.5em;
	padding: 0px 20px;
	line-height: 2em;
}

.concept_list {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0px 20px 0px 30px;
}

.concept_list li {
	padding-bottom: 10px;
	list-style-type: square;
}

#concept_imgarea {
	width: 900px;
	margin: auto;
	background-image: url(./image/concept/kikusui_050.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	padding: 100px 0px;
}


.concept_img01 {
	margin-bottom: 100px;
}

.concept_img01 img {
	width: 50%;
	height: auto;
}

.concept_img02 {
	text-align: right;
}

.concept_img02 img {
	width: 50%;
	height: auto;
	margin: 0px 0px 0px auto;
}


/* 挙式までの流れ */

#flow2_bgmarea {
	width: 100%;
	background-image: url(./image/flow/flow2_bgm.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.flow2_area {
	width: 550px;
}

.flow2_list {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

.arrow_li {
	padding: 20px;
}

.text_li {
	border: 1px solid #c2a177;
	background-color: rgba(255,255,255,0.8);
	padding: 20px;
}

/* 挙式神社一覧ページ */

/* メインコンテンツレイアウト部分 */

.main-container04 {
	padding: 0 0 40px 0;
	width: 100%;
	margin: auto;
}

.jinja-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.jinja-contents li {
	padding: 0px 0px 50px 0px;
	overflow: hidden;
	text-align: left;
	flex: 0 0 auto;  /* 1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 20px 10px 0px;
	width: calc(50% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.jinja-contents li:empty {
	border: none;
}

.jinja_area {
	overflow: hidden;
}

.jinja_textarea {
   margin: 0px;
}

.jinja_h2 {
   margin-bottom: 10px;
}

.jinja_h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  background-color: #bd495c;
  color: #fff;
  padding: 0px 6px;
  line-height: 1.8em;
}

.jinja_thumbnail_area {
	display: flex;
	flex-flow: row wrap;
}

.jinja_thumbnail_area div {
	width: calc(25% - 0px);
  flex: 0 0 auto;
  height: auto;
}

.jinja_thumbnail_area div img {
	width: calc(100% - 2px);
	height: auto;
}

.small {
   font-size: 13px;
}

.shisai {
   float: left;
   width:100px;
	 height:25px;
	 background: url(./image/jinja-list/shisai_btm.jpg) 0 0 no-repeat;
	 text-indent:-9999px;
	 margin-bottom: 5px;
}

.shisai_close {
   float: left;
   width:100px;
	 height:25px;
	 background: url(./image/jinja-list/shisai_btm.jpg) 0 -25px no-repeat;
	 text-indent:-9999px;
}

.jinja_img {
	width: 99%;
	height: auto;
	border: 1px solid #956034;
	margin: 0px auto 10px auto;
}

.accordion_head {cursor:pointer;}

.jinja_text {
   padding-top: 10px;
   border-top: 2px solid #636;
   clear: both;
}

.jinja_text2 {
   padding-top: 10px;
   border-top: 2px solid #bd495c;
   clear: both;

}
.jinja_line {
   margin: 20px 0px;
}

.jinja_textarea a:link { color: #622f13; }
.jinja_textarea a:visited {color: #622f13; }
.jinja_textarea a:hover { color: #999999; }
.jinja_textarea a:active { color: #622f13; }
.jinja_textarea a { text-decoration: underline; }


/* 会食会場一覧 ページ */

.party_shop {
	width: calc(50% - 10px);
/*	margin: 0px 20px 50px 0px;*/
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.party_shop:nth-child(odd) {
	margin: 0px 14px 50px 0px;
}

.party_shop:nth-child(even) {
	margin: 0px 0px 50px 0px;
}

.party_titlearea {
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
}

.party_h3area {
	width: 100%;
	overflow: hidden;
	padding: 10px 0px 5px 0px;
}

.party_h3 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 22px;
	margin-bottom: 30px;
}

#ph3_left {
	float: left;
}

.party_h3jl {
	float: right;
}

.border_01 {
	border: 1px solid #a18c74;
	padding: 15px 5px 5px 0px;
	background-color: #f5f0ea;
	border-radius: 5px;
}

.party_h3jl img {
	padding: 0px 5px 0px 10px;
	vertical-align: bottom;
}

.party_jp01 {
	font-size: 13px;
	font-weight: bold;
	color: #ae145a;
}

.party_jp02 {
	font-size: 13px;
	font-weight: bold;
	color: #eb478e;
}

.party_h3sub {
	background-color: #a18c74;
	color: #fff;
	padding: 7px 50px;
}

.party_eng {
	font-size: 25px;
}

.party_h4 {
	float: left;
	line-height: none;
	font-size: 16px;
}

.party_janl {
	float: right;
}
.party_janl img {
	margin-left: 3px;
}

.party_table {
	border-spacing: 0px;
   border-collapse: collapse;
   border-top: 2px solid #999;
   width: 100%;
   font-size: 14px;
}

.party_table th {
	border-bottom: 1px solid #ccc;
	border-bottom-style: dotted;
	padding: 5px 0px;
	width: 80px;
}

.party_table td {
	border-bottom: 1px solid #ccc;
	border-bottom-style: dotted;
	padding: 5px 0px;
}

/* 衣裳店一覧 ページ */

/* メインコンテンツレイアウト部分 */

.main-container03 {
	padding: 0 0 40px 0;
	width: 100%;
	margin: auto;
}

.dress-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.dress-contents li {
	padding: 0px 0px 50px 0px;
	overflow: hidden;
	text-align: left;
	flex: 0 0 auto;  /* 1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 20px 10px 0px;
	width: calc(50% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}
.dress-contents li:empty {
	border: none;
}

.dress_textarea {
	width: 45%;
	float: right;
	height: 100%;
	position: relative;
}

.dress_subimg {
	position: absolute;
	bottom: 0;
}

.dress_subimg img {
	width: calc(50% - 4px);
	height: auto;
}

.dress_subimg a:first-child {
	margin-right: 4px;
}

.dress_img {
	width: 50%;
	float: left;
}

.dress_img img {
	width: 100%;
	height: auto;
}

.dress_textarea02 {
	width: 45%;
	float: right;
}

.dress_img02 {
	width: 50%;
	float: left;
}

.dress_img02 img {
	width: 100%;
	height: auto;
}

/* 料金シミュレーションページ */

.plan_h3 {
	padding: 0px 0px 20px 0px;
}

/* 料金シミュレーションページ-神社 */

.plan_area {
	width: 100%;
	border-bottom: 2px solid #f3e3cf;
	border-bottom-style: dotted;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

#jinja_planarea {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.planlist-jinja {
	width: calc(20% - 10px);
	text-align: center;
	margin: 5px;
}

.planlist-jinja img {
	width: 100%;
	height: auto;
}

.ap-jinja {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size: 17px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.ap-kei {
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
}

.ap-all {
	width: 40%;
	border-top: 2px solid #956034;
	border-right: 1px solid #956034;
	border-bottom: 1px solid #956034;
	border-left: 2px solid #956034;
	margin: 20px 0px  0px 0px;
	background-color: #f0efeb;
	clear: both;
}

.jinja_price {
	font-size: 18px;
	font-weight: bold;
}

/* 料金シミュレーションページ-衣裳 */

.dress_planarea {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
}

.dress_plan {
	width: calc(33% - 20px);
/*	width: 30%;
	display: inline-block;
	vertical-align: top;*/
	border: 1px solid #c09966;
	padding: 10px 0px 20px 0px;
	margin: 0px 10px;
	background-image: url(./image/plan/washi_bgm.jpg);
}

.party_plan {
	width: calc(33% - 20px);
	border: 1px solid #639;
	padding: 8px 0px 20px 0px;
	margin: 0px 10px;
	background-image: url(./image/plan/washi_bgm.jpg);
}

.dress_h4 {
	color: #ac8046;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 17px;
	font-weight: bold;
	padding: 0px 20px 10px 20px;
}

.partyplan_h4 {
	background-color: #639;
	color: #fff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 17px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	width: 100%;
	margin: 0px auto 10px auto;
}

.dressplan_img {
	width: 90%;
	height: auto;
	margin: 0px auto 10px auto;
}

.dress_textarea2 {
	text-align: center;
	margin: 0px auto 0px auto;
	width: 100%;
}

.dress_title {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #c09966;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	padding: 5px 0px;
	width: 70%;
	margin: 0px auto 10px auto;
}

.plan_price {
	margin-bottom: 10px;
	font-weight: bold;
}

.plan_price2 {
	font-size: 18px;
}

.shousai_btm2 {
	border: 1px solid #999;
	padding: 5px 20px;
	font-size: 13px;
	background-color: rgba(255,255,255,0.6);
}

.radio_btm {
	margin-bottom: 10px;
}

.shousai_btm2 a {
	color: #666;
	text-decoration: none;
}

.shousai_btm2 a:hover {
	color: #ccc;
	text-decoration: none;
}

/* 料金シミュレーションページ-概算合計 */

.plan_h3next {
	margin-bottom: 20px;
	color: #c09966;
}

#gaisan_area {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
}

.gaisan_plan {
	width: 48%;
	border: 1px solid #c09966;
	padding: 20px 0px 20px 0px;
	margin: 0px 5px;
}

.gaisan_h3 {
	background-color: #c09966;
	color: #fff;
	padding: 10px 0px;
	width: 90%;
	font-size: 18px;
	margin: 0px auto 20px auto;
}

.gaisan_text {
	color: #c09966;
	font-weight: bold;
	font-size: 16px;
	padding: 0px 10px 30px 10px;
}

.gaisan_text02 {
	margin-bottom: 30px;
}


.ap-soukei {
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0px 30px 10px;
}

.border_dd {
	border-bottom: 4px solid #666;
	border-bottom-style: double;
	padding-bottom: 5px;
}

.gaisan_img {
	width:90%;
	height: auto;
}

/* 料金シミュレーションページ-特典 */

#tokuten_area {
	border: 8px solid #a18c74;
	padding: 20px 0px;
	width: 600px;
	margin: auto;
	text-align: center;
	background-image: url(./image/plan/oiran_045.png);
}

.tokuten_h5 {
	background-color: #a18c74;
	color: #fff;
	width: 90%;
	font-size: 22px;
	padding: 10px 0px;
	margin: 0px auto 30px auto;
	text-align: center;
}

.tokuten_textarea {
	width: 90%;
/*	border-bottom: 1px solid #a18c74;*/
	margin: 0px auto 20px auto;
}

.tokuten_h6 {
	background-color: #c66758;
	color: #fff;
	font-size: 18px;
	padding: 5px 0px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	border-radius: 20px;
}

.tokuten_text {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}

.tokuten_text01 {
	font-size: 15px;
	padding-bottom: 30px;
	width: 90%;
	margin: auto;
}

.tokuten_text02 {
	font-size: 15px;
	padding-bottom: 20px;
	font-weight: bold;
}

.tokuten_text03 {
	border: 2px solid #c09966;
	background-color: #f6f1d5;
	color: #C30;
	font-size: 20px;
	line-height: 2em;
	padding: 20px; 0px;
	width: 300px;
	margin: auto;
	font-weight: bold;
}

/* 料金プランページ-衣裳 */

.price_area {
	width: 100%;
	border-bottom: 2px solid #f3e3cf;
	border-bottom-style: dotted;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.price_areanext {
	width: 100%;
}

.dress_pricearea {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.dress_price {
	width: 99%;
	border: 1px solid #c09966;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 40px 0px;
	background-image: url(./image/plan/washi_bgm.jpg);
	overflow: hidden;
}

.party_price {
	width: 99%;
	border: 1px solid #669;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 40px 0px;
	background-image: url(./image/plan/washi_bgm.jpg);
	overflow: hidden;
}

.price_textarea {
	width: 50%;
	float: left;
}

.dress_h4 {
	color: #ac8046;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 17px;
	font-weight: bold;
	padding: 0px 20px 10px 20px;
}

.dressprice_img {
	width: 50%;
	float: right;
}

.dressprice_img img {
	width: 90%;
	height: auto;
}

.priced_h3 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #c09966;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}

.priced_h3next {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #639;
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
}

.price_text {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #639;
}

.price_dress {
	margin: 0px auto 10px auto;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #666;
	width: 95%;
}

.pran_price3 {
	font-size: 25px;
}

.price_list {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 0px 100px;
}

.price_list li {
	padding-bottom: 10px;
}

/* お知らせページ */

.infor_area {
	width: 100%;
	border-bottom: 3px solid #a18c74;
	border-bottom-style: dotted;
	padding-bottom: 50px;
	margin-bottom: 50px;
	display: inline-block;
}

.infor_h3 {
	color: #a18c74;
	font-weight: bold;
	padding: 0px 20px 5px 20px;
}

.infor_text {
	padding: 0px 20px 0px 20px;
}

/* お問合せページ */

.contact_text01 {
	padding: 0px 0px 20px 20px;
	line-height: 1.5em;
}

.contact_text02 {
	padding: 0px 0px 20px 20px;
	line-height: 1.5em;
}

.contact_table {
	width: 100%;
	margin: 0px auto  30px auto;
	text-align: left;
	border: 1px solid #ccc;
}

.contact_table th {
	padding: 10px 10px;
	width: 150px;
	text-align: left;
	vertical-align: top;
	width: 110px;
	background-color: #f2e7d8;
}

.contact_table td {
	padding: 5px 20px;
	text-align: left;
}

.contact_table input, .contact_table textarea {
	padding: 10px 20px;
	border-radius: 5px;
}

.form_bottom input {
	margin-right: 8px;
}


.form_select {
    display: block;
    position: relative;
    width: 90%;
    height: 38px;

}

.form_select select {
/*    width: 100%;*/
    height: 35px;
    padding: 0 10px;
    border-radius: 5px;
}




.w100p {
	width: 90%;
}

.contact_btn {
	font-size: 16px;
	font-weight: bold;
}

.contact_btnsub {
	border: 1px solid #666;
	padding: 10px 20px;
}

#contact_contents a {
	color: #666;
	text-decoration: none;
}

#contact_contents a:hover {
	color: #333;
	text-decoration: none;
}

/*
.contact_table {
	border-spacing: 0px;
    border-collapse: collapse;
	border: 1px solid #ccc;
	width: 99%;
}

.contact_table th {
	border: 1px solid #999;
	width: 110px;
	padding: 10px 10px;
	background-color: #f2e7d8;
	text-align: left;
}

.naiyou_th {
	height: 200px;
}

.contact_table td {
	border: 1px solid #ccc;
	padding: 10px 10px;
}
*/

/* スタッフページ */

.staff_area {
	clear: both;
	margin-bottom: 20px;
	line-height: 1.8em;
	overflow : hidden;
}

.staff_area .staff_img {
	float: left;
	margin-right: 10px;
}

.staff_area table {
	margin: 0px 10px;
	border-collapse: collapse;
}

.staff_area table td {
	padding: 7px 10px;
	border-top: 1px dotted #c77265;
	border-bottom: 1px dotted #c77265;
}

.staff_area span {
	font-size: 15.5px;
	font-weight: bold;
}

#staff_image {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#staff_image div {
	width: calc(25% - 4px);
	margin: 0px auto;
	flex: 0 0 auto;
}

#staff_image img {
	width: 100%;
}

/* 会社概要ページ */

.company_area {
	clear: both;
	margin-bottom: 20px;
	line-height: 1.8em;
	overflow : hidden;
}

.company_area table {
	margin: 0px 10px;
	border-collapse: collapse;
	width: 100%;
}

.company_area table th {
	padding: 7px 10px;
	background-color: #f3e3cf;
	border-top: 1px dotted #c77265;
	border-bottom: 1px dotted #c77265;
	white-space: nowrap;
}

.company_area table td {
	padding: 7px 10px;
	border-top: 1px dotted #c77265;
	border-bottom: 1px dotted #c77265;
}



/* --- iPad Portrait --- */
@media screen and (max-width: 1500px) {



/* INDEXページ */

#index_toparea {
	padding-top: 500px;
	background-size: contain;
}

/* NEXTページ共通 */

#next_container {
	width: 95%;
	margin: 0px  auto 0px auto;
	overflow: auto;
	padding: 30px 0px 100px 0px;
}

.next_topimg img {
	width: 95%;
	height: auto;
}

#left_area {
	width: 70%;
	float: left;
}

#right_area {
	width: 25%;
	float: right;
}

/* 挙式神社一覧ページ */


/* 私たちの思いページ */

#concept_textarea {
	width: 100%;
	margin: auto;
}

#concept_imgarea {
	width: 100%;
	margin: auto;
	background-image: url(./image/concept/kikusui_050.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	padding: 100px 0px;
}

}


/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1200px) {

/* 全ページ共通 */

/* ヘッダー */

/* ヘッダーナビゲーション */

#top_menu li {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 10px 8px;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/* INDEXページ */

#index_toparea {
	background-size: contain;
	padding-top: 400px;
}

.index_h1 {
	font-size: 22px;
	padding: 20px 0px;
	line-height: 1.5em;
}

#top_bannerarea {
   background-color: rgba(255,255,255,0.9);
   width: 95%;
   margin: auto;
}

.top_title {
	font-size: 16px;
	padding: 5px 0px;
	margin-bottom: 20px;
}

/* NEXTページ共通 */

}

/* --- iPad Portrait --- */
@media screen and (max-width: 1100px) {

/* 全ページ共通 */

#pagetop_inner0 {
   height: 40px;
   position: relative;
   top: 10px;
   padding-left: 0px;
   text-align: center;
}

.contents {
	width: 95%;
	margin: auto;
}

/* NEXTページ共通 */

.next_h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 26px;
}

.next_h3 {
	text-align: center;
}

#left_area {
	width: 100%;
	float: none;
	border-bottom: 1px solid #a18c74;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

#right_area {
	width: 100%;
	float: none;
	text-align: center;
}

#right_bannerarea {
	width: 100%;
	border-top: none;
	padding-top: 20px;
}

.right_banner {
	margin-bottom: 20px;
	width: 23%;
	display: inline-block;
	padding: 0px 5px;
}

#right_contactarea {
	overflow: hidden;
	margin: auto;
	text-align: center;
	background-color: #c09966;
	border: 5px solid #fff;
	border-style: double;
	color: #fff;
	padding: 30px 0px;
}

.right_concomme {
	padding: 0px 20px 40px 20px;
	line-height: 1.5em;
	font-weight: bold;
	border-bottom: none;
	font-size: 20px;
	margin: 0px auto 10px auto;
}

.contact_right1 {
	margin-bottom: 0px;
	float: left;
	width: 50%;
}

.right_tell {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 20px;
}

.right_telno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}

.right_listarea {
	text-align: left;
	margin: auto;
	width: 250px;
}

.contact_right2 {
	float: right;
	width: 50%;
}

.mail_mark {
	display: block;
}

.mail_mark2 {
	display: none;
}

/* INDEXページ */

/* INDEXお知らせ */

.wn_h2 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 25px;
	float: none;
	text-align: center;
}

.ichiran_btm {
	float: right;
}


#wn_textarea {
	width: 95%;
	margin: auto;
	/*height: 450px;*/
	overflow: auto;
}

/* INDEX挙式神社一覧、衣裳店一覧、料金シュミレーション */

.area_img {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
}

#jinja_container {
	width: 100%;
	background-image: url(./image/body_bgm01.png);
	background-repeat: no-repeat;
	background-position: top 10px right;
	padding: 0px 0px 0px 0px;
}

#dress_container {
	width: 100%;
	background-image: url(./image/body_bgm02.png);
	background-repeat: no-repeat;
	background-position: top 20px left;
	padding: 0px 0px 0px 0px;
}

#place_container {
	width: 100%;
	background-image: url(./image/body_bgm02.png);
	background-repeat: no-repeat;
	background-position: top 20px right;
	padding: 0px 0px 0px 0px;
}

#simu_container {
	width: 100%;
	padding: 0px 0px 100px 0px;
	background-image: url(./image/body_bgm04.png);
	background-repeat: no-repeat;
	background-position: bottom 20px left 10px;
}

#jinja_area {
	width: 95%;
	background-image: none;
	padding: 90px 0px 0px 0px;
	margin: auto;
}

#dress_area {
	width: 95%;
	background-image: none;
	padding: 90px 0px 0px 0px;
	margin: auto;
}

#place_area {
	width: 95%;
	background-image: none;
	padding: 90px 0px 0px 0px;
	margin: auto;
}

#simu_area {
	width: 95%;
	background-image: none;
	padding: 90px 0px 0px 0px;
	margin: auto;
}

.area_textarea {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: rgba(255,255,255,0);
	padding: 20px 0px 0px 0px;
}

.area_textarea2 {
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: rgba(255,255,255,0);
	padding: 20px 0px 0px 0px;
}

.jinja_btm {
	margin-bottom: 30px;
}

/* INDEX札幌神社挙式サイトをご覧のお客様 */

.greeting_img {
	display: inline-block;
	width: 30%;
}

/* 神前式とはページ */

.flow_area {
	width: 600px;
	margin: 0px auto 10px auto;
	text-align: center;
}

.flow_text {
	padding: 0px 0px 5px 0px;
}

.arrow_mark {
	margin-bottom: 10px;
	text-align: center;
}


.flow_list {
	margin: 0px auto 70px auto;
	text-align: left;
	width: 350px;
}

.flow_btm {
	text-align: center;
}

/* 私たちの思いページ */

.concept_h3 {
	padding: 0px 20px 0px 20px;
	line-height: 1.5em;
	text-align: center;
}

/* 挙式までの流れ */

#flow2_bgmarea {
	width: 100%;
	background-image: url(./image/flow/flow2_bgm.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}

.flow2_area {
	width: 550px;
	margin: auto;
}

.arrow_li {
	text-align: center;
}

/* 料金シミュレーションページ-神社 */

.planlist-jinja {
	width: 18%;
}

/* 会食会場一覧ページ */

.party_h3 {
	text-align: center;
}

#ph3_left {
	float: none;
}

.party_h3jl {
	float: none;
	text-align: center;
	margin-bottom: 30px;
}

.party_h3 {
	background-color: #a18c74;
	padding: 7px 0px;
	width: 100%;
	margin: 0px auto 20px auto;

}

.party_h3sub {
	color: #fff;
	padding: 0px 0px;
}


}

/* --- iPad Portrait --- */
@media screen and (max-width: 970px) {

/* 全ページ共通 */

/* ヘッダー */

.header_copy {
	padding-bottom: 15px;
	font-size: 13px;
}

.header_left {
	float: none;
	margin: 0px 0px 10px 0px;
}

.header_right {
	float: none;
	margin-right: 0px;
	padding-bottom: 10px;
}

/* フッター */

.footer_menu li {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	padding: 0px 10px;
	vertical-align: middle;
}

/* INDEXページ */

#index_toparea {
	padding-top: 300px;
}

.top_title {
	font-size: 14px;
	padding: 5px 0px;
	margin-bottom: 10px;
}

.news-textarea {
	width: 90%;
	margin: auto;
}

.index_topimg {
	margin-bottom: 5px;
}

/* NEXTページ共通 */

/* 料金プランページ-衣裳 */

.price_list {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 0px 50px;
}

/* 衣裳店一覧 ページ */


/* --- iPad Portrait --- */
@media screen and (max-width: 920px) {

/* 全ページ共通 */

/* ヘッダーナビゲーション */

#top_menu li {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding: 10px 5px;
	vertical-align: middle;
}

/* INDEXページ共通 */


/* INDEX神社挙式の事についてはなんでもお気軽にお問合せください */

#index_contactarea {
	overflow: hidden;
	width: 90%;
	margin: auto;
	text-align: center;
	background-color: #c09966;
	border: 5px solid #fff;
	border-style: double;
	color: #fff;
	padding: 30px 0px;
}

/* NEXTページ共通 */

/* 私たちの思いページ */


#concept_imgarea {
	padding: 50px 0px;
}

.concept_img01 img {
	width: 60%;
	height: auto;
}

.concept_img02 {
	text-align: right;
}

.concept_img02 img {
	width: 60%;
	height: auto;
	margin: 0px 0px 0px auto;
}

/* 料金シミュレーションページ-衣裳 */

.dress_plan {
	width: 30%;
	margin: 0px 5px;
}

.party_plan {
	width: 30%;
	margin: 0px 5px;
}


}


/* --- iPad Portrait --- */
@media screen and (max-width: 768px) {

/* 全ページ共通 */

/* ヘッダーナビゲーションドロップダウン */

.r_line {
	border-right: none;
}

#menu_area {
	width: 100%;
	overflow: hidden;
	border-top: none;
}

#header_navi {
	width: 100%;
}

#top_menu {
	display: none;
}

#top_menu li {
	width: 100%;
}

#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: #cfbfae;
	font-weight: bold;
	font-size: 16px;
}

#header_navi ul li {
   display: inherit;
   font-size: 15px;
   font-weight: bold;
   padding: 10px 0px;
}

.navi li {
	display: block;
	text-align: center;
	list-style: square;
	font-weight: bold;
	color: #ffffff;
	background: #a18c74;
	border-top: 1px solid #fff;
}

.border_top {
	border-top: 1px solid #fff;
}

.navi a {
	color: #fff;
	text-decoration: none;
}

#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}


/*  スマホ用メニューの三本の線  */
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #cfbfae;
  }
  #toggle a:before{
    margin-top: -5px;
  }
  #toggle a:after{
    margin-top: 3px;
  }
/*  スマホ用メニューの三本の線  */

/*
.navi li {
	display: none
}
*/

#top_menu li a {
	color: #fff;
	text-decoration: none;
}

#top_menu li a:hover {
	color: #ccc;
	text-decoration: none;
}

/* ヘッダーナビゲーションドロップダウンここまで */

/* フッター */

#footer {
	border-top: 1px solid #666;
}

#footer_menuarea {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: none;
}

.footer_menu li {
	font-size: 12px;
	font-weight: bold;
	display: inherit;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #666;
}

/* INDEXページ */

#index_toparea {
	padding-top: 200px;
}

.index_h1 {
	font-size: 16px;
	padding: 20px 0px;
	line-height: 1.5em;
}


/* メインコンテンツレイアウト部分 */

.news-contents li {
	padding: 0px 0px 20px 0px;
	text-align: center;
	flex: 1 0 auto;  /* 1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 10px 5px;
	width: calc(45% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* NEXTページ共通 */

.next_topimg {
	padding-top: 20px;
}

.right_banner {
	margin-bottom: 20px;
	width: 47%;
	display: inline-block;
	padding: 0px 5px;
}

/* イベントページ */

.event_area {
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 3px solid #a18c74;
	border-bottom-style: dotted;
}

.event_textarea {
	width: 100%;
	float: none;
	padding-bottom: 50px;
}

.event_text {
	font-size: 16px;
	margin-bottom: 50px;
	padding: 0px 10px;
}

.event_img {
	width: 100%;
	float: none;
	text-align: center;
}

.event_img img {
	width: 100%;
	height: auto;
}

/* 挙式神社一覧ページ */

.jinja-contents li {
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 30px 0px;
	width: calc(100% - 20px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */

}

/* メインコンテンツレイアウト部分 */


/* 料金シミュレーションページ */

.plan_h3 {
	padding: 0px 0px 20px 0px;
	text-align: center;
}

.plan_h3next {
	margin-bottom: 20px;
	text-align: center;
}


.ap-all {
	width: 40%;
	margin: 20px auto 0px auto;
}

/* 料金シミュレーションページ-神社 */

.planlist-jinja {
	width: 23%;
}

/* 料金シミュレーションページ-衣裳 */

.dress_plan {
	width: 60%;
	margin: 0px auto 20px auto;
}

.party_plan {
	width: 60%;
	margin: 0px auto 20px auto;
}

.select_box {
	text-align: center;
}

/* 料金シミュレーションページ-概算合計 */

.gaisan_plan {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #c09966;
	padding: 20px 0px 20px 0px;
	margin: 0px 5px;
}

.gaisan_text {
	color: #c09966;
	font-weight: bold;
	font-size: 16px;
	padding: 0px 20px 30px 20px;
}

.gaisan_text02 {
	margin-bottom: 30px;
	padding: 0px 20px;
}

/* 料金プランページ-衣裳 */

.price_textarea {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.dressprice_img {
	width: 100%;
	float: none;
}

.price_list {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 0px 100px;
}

/* 会食会場一覧 ページ */

.party_shop {
	width: 100%;
	margin: 0px 0px 50px 0px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.staff_area .staff_img {
	float: none;
	width: 300px;
	margin: 0px auto;
}


}

/* --- NEXUS7 Portrait --- */
@media screen and (max-width: 600px) {

/* 全ページ共通 */

#pagetop_inner0 {
   height: 40px;
   position: relative;
   top: 10px;
   padding-left: 20px;
}

.pagetop_btm {
	display: inline-block;
}

.header_btm00 {
	background-color: #c77265;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}

.header_btm01 {
	background-color: #c77265;
	color: #fff;
	padding: 5px 20px;
	border-radius: 15px;
}

#pagetop_inner1 {
	display: none;
}

/* フッター */

.copyright {
	background-color: #a18c74;
	color: #fff;
	font-size: 11px;
	padding: 5px 20px;
	line-height: normal;
}


/* INDEXページ共通 */
/* INDEXお知らせ */

.wn_h2 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 25px;
	float: none;
	text-align: center;
	padding-bottom: 20px;
}

.ichiran_btm {
	float: none;
	text-align: center;
}

/* INDEX神社挙式の事についてはなんでもお気軽にお問合せください */

.contact_area1 {
	width: 90%;
	display: block;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid #fff;
	border-bottom-style: dotted;
	padding-bottom: 20px;
}

.contact_area2 {
	width: 90%;
	display: block;
	margin: 0px auto 0px auto;
}

/* NEXTページ共通 */

.next_topimg {
	text-align: center;
	display: none;
}

.next_topimg2 {
	padding-top: 20px;
}

.next_topimg2 {
	text-align: center;
	display: block;
	width: 100%;
}

.next_topimg2 img {
	width: 95%;
	height: auto;
	margin: auto;
}


.next_h1 {
	padding: 10px 0px;
	font-size: 30px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.next_h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 22px;
	line-height: 1.5em;
	padding: 0px 10px;
}


.contact_right1 {
	margin-bottom: 0px;
	float: none;
	width: 90%;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid #fff;
	border-bottom-style: dotted;
	padding-bottom: 20px;
}

.contact_right2 {
	float: none;
	width: 90%;
	margin: 0px auto 0px auto;
}

/* 神前式とはページ */

.flow_text01 {
	margin-bottom: 70px;
}

.flow_h3 {
	margin-bottom: 10px;
}

.flow_h4 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #a18c74;
	color: #fff;
	padding: 5px 20px;
	font-size: 17px;
	margin-bottom: 10px;
}

.flow_area {
	width: 95%;
	height: auto;
	margin: 0px auto 10px auto;
}

/* 私たちの思いページ */

#concept_textarea {
	width: 95%;
	margin: auto;
}

.concept_h3 {
	font-size: 18px;
	padding: 0px 20px 0px 20px;
	line-height: 1.5em;
	text-align: center;
}

.concept_list {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
}

#concept_imgarea {
	background-image: url(./image/concept/kikusui_050.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	padding: 20px 0px 50px 0px;
}

.concept_img01 {
	margin-bottom: 50px;
	text-align: center;
}

.concept_img01 img {
	width: 90%;
	height: auto;
}

.concept_img02 {
	text-align: center;
}

.concept_img02 img {
	width: 90%;
	height: auto;
	margin: 0px auto 0px auto;
}

/* 挙式までの流れ */

.flow2_area {
	width: 95%;
	margin: auto;
}

/* 料金シミュレーションページ */

.ap-all {
	width: 50%;
	margin: 20px auto 0px auto;
}

/* 料金シミュレーションページ-神社 */

.planlist-jinja {
	width: 48%;
}

/* 料金シミュレーションページ-衣裳 */

.dress_plan {
	width: 70%;
	margin: 0px auto 20px auto;
}

.party_plan {
	width: 70%;
	margin: 0px auto 20px auto;
}

/* 料金シミュレーションページ-概算合計 */

.gaisan_plan {
	width: 95%;
	display: block;
	vertical-align: top;
	border: 1px solid #c09966;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}

/* 料金シミュレーションページ-特典 */

#tokuten_area {
	border: 8px solid #a18c74;
	padding: 20px 0px;
	width: 95%;
	margin: auto;
}

/* 衣裳店一覧 ページ */

/* メインコンテンツレイアウト部分 */

.dress-contents {
	list-style: none;
	display: flex;                  /* 重要 */
	flex-flow: row wrap;            /* 重要 */
	justify-content: space-between; /* フレックスアイテムを均等に配置 */
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.dress-contents li {
	padding: 0px 0px 30px 0px;
	width: calc(100% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.dress_textarea02 {
	width: 45%;
	float: left;
}

.dress_img02 {
	width: 50%;
	float: right;
}

}


/* --- ??????? --- */
@media screen and (max-width: 480px) {

/* 全ページ共通 */

.container {
	width: 100%;
	padding: 50px 0px;
}

.header_logo {
	padding-bottom: 20px;
}

.header_left ul {
	margin-bottom: 20px;
}


.header_left ul li {
	display: block;
	padding: 20px 0px 0px 0px;
	font-size: 13px;
}

.header_btm {
	padding: 10px 80px;
	border-radius: 20px;
}

.header_btm2 {
	padding: 10px 70px;
	border-radius: 20px;
}

.header_tel {
	display: inline-block;
	margin: 0px 0px 10px 0px;
	vertical-align: central;
}

/* INDEXページ */

#index_toparea {
	background-image: url(./image/index/top_img480.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 310px;
}

#top_bannerarea {
   background-color: rgba(255,255,255,0.9);
   width: 85%;
   margin: auto;
}

.index_h1 {
	font-size: 16px;
	padding: 20px 10px;
	line-height: 1.5em;
}

#jinja_container {
	width: 100%;
	background-image: url(./image/body_bgm01next.png);
	background-repeat: no-repeat;
	background-position: top 15px right;
	padding: 0px 0px 0px 0px;
}

#dress_container {
	width: 100%;
	background-image: url(./image/body_bgm02next.png);
	background-repeat: no-repeat;
	background-position: top 45px left;
	padding: 0px 0px 0px 0px;
}

#place_container {
	width: 100%;
	background-image: url(./image/body_bgm02next.png);
	background-repeat: no-repeat;
	background-position: top 45px right;
	padding: 0px 0px 0px 0px;
}

#center_container {
	background-image: url(./image/body_bgm03next.png);
	background-repeat: no-repeat;
	background-position: top 850px center;
}

#simu_container {
	width: 100%;
	padding: 0px 0px 100px 0px;
	background-image: url(./image/body_bgm04next.png);
	background-repeat: no-repeat;
	background-position: bottom 20px lrft 10px;
}

#jinja_area {
	width: 95%;
	background-image: none;
	padding: 30px 0px 0px 0px;
	margin: auto;
}

#dress_area {
	width: 95%;
	background-image: none;
	padding: 30px 0px 0px 0px;
	margin: auto;
}

#place_area {
	width: 95%;
	background-image: none;
	padding: 30px 0px 0px 0px;
	margin: auto;
}

#simu_area {
	width: 95%;
	background-image: none;
	padding: 30px 0px 0px 0px;
	margin: auto;
}

.jinja_btm2 {
	font-size: 17px;
	color: #a18c74;
	border: 3px solid #a18c74;
	border-style: double;
	padding: 10px 30px;
	background-color: #fff;
}

/* INDEX挙式神社一覧 */

.index_h2 {
	font-size: 27px;
	margin-bottom: 30px;
}

.index_h3 {
	font-size: 18px;
	color: #a18c74;
	padding-bottom: 10px;
}

.index_areacomme {
	font-size: 16px;
	text-align: center;
	margin: 0px auto 30px auto;
	line-height: 1.5em;
	width: 95%;
}

.index_areacomme2 {
	font-size: 16px;
	text-align: center;
	margin: 0px auto 0px auto;
	width: 95%;
	line-height: 1.5em;
}

.jinja_listarea {
	overflow: hidden;
	margin-bottom: 40px;
}

.jinja_list {
	display: block;
	vertical-align: top;
	text-align: left;
	margin: 0px 10px;
}

.jinja_list table {
	width: 90%;
	margin: auto;
}

.jinja_list table th {
	width: 110px;
}

/* INDEX衣裳店一覧 */

.dress_list {
	display: block;
	margin: auto;
	font-size: 17px;
	width: 250px;
}

/* INDEX料金シュミレーション */


.ap-all {
	width: 70%;
	margin: 20px auto 0px auto;
}

.simulation_list {
	display: block;
	margin: 0px auto 0px auto;
	font-size: 17px;
	width: 180px;
}

/* 料金シミュレーションページ-神社 */

.planlist-jinja {
	width: 46%;
}

/* INDEX札幌神社挙式サイトをご覧のお客様 */

.greeting_text {
	font-size: 16px;
	width: 90%;
	line-height: 1.8em;
	margin: 0px auto 50px auto;
}

.greeting_img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.greeting_img img {
	width: 80%;
	height: auto;
}

/* INDEX神社挙式の事についてはなんでもお気軽にお問合せください */

#index_contactarea {
	padding: 15px 0px;
}

.index_h4 {
	font-size: 18px;
    padding: 0px 15px 30px 15px;
}

/* メインコンテンツレイアウト部分 */

.news-contents li {
	padding: 0px 0px 20px 0px;
	text-align: center;
	flex: 1 0 auto;  /* 1つ目のパラメータ：0:均等割り付け　　1:数が足りなくなったときのBOX幅を広げてくれる */
/*	flex: 1 0 calc(25% - 10px);  本来、これで良いはずだが、IE11にバグがありかけない */
	margin: 0px 5px 10px 5px;
	width: calc(100% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

/* NEXTページ共通 */

#next_container {
	padding: 10px 0px 70px 0px;
}

.next_h1 {
	padding: 10px 0px;
	font-size: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.right_banner {
	margin-bottom: 20px;
	width: 100%;
	display: block;
	padding: 0px 0px;
}

/* 挙式神社一覧ページ */


/* 神前式とはページ */

.flow_h4 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #a18c74;
	color: #fff;
	padding: 5px 20px;
	font-size: 16px;
	margin-bottom: 10px;
}

.flow_list {
	margin: 0px 20px 70px 20px;
	text-align: left;
	width: inherit;
}

.flow_list li {
	line-height: 1em;
	padding-bottom: 5px;
}

/* 私たちの思いページ */

.concept_h3 {
	font-size: 17px;
	line-height: 1.5em;
	padding: 0px 10px 0px 10px;
	text-align: center;
}

/* 挙式までの流れ */

.arrow_li {
	padding: 5px;
}

/* 料金シミュレーションページ-衣裳 */

.dress_plan {
	width: 90%;
	margin: 0px auto 20px auto;
}

.party_plan {
	width: 90%;
	margin: 0px auto 20px auto;
}

/* 料金シミュレーションページ-特典 */

.tokuten_h6 {
	font-size: 16px;
	padding: 10px 10px;
	margin: 0px 0px 10px 0px;
	border-radius: 20px;
}

.tokuten_text03 {
	font-size: 18px;
	line-height: 2em;
	padding: 20px 10px;
	width: 80%;
	margin: auto;
	font-weight: bold;
}

/* 料金プランページ-衣裳 */

.price_area {
	width: 100%;
	border-bottom: 2px solid #f3e3cf;
	border-bottom-style: dotted;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.dress_pricearea {
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
}

/* 衣裳店一覧 ページ */

/* メインコンテンツレイアウト部分 */

.dress-contents li {
	padding: 0px 0px 10px 0px;
	width: calc(100% - 10px);    /* 94行目の補正のためにこう記述することでIE11でも、ちゃんと動く */
                              /* calc(ボックス数/100 - (margin-left + right) */
}

.dress_textarea,.dress_textarea02 {
	padding-top: 30px;
}

/* 会食会場一覧 ページ */

/*
.party_shop {
	width: 95%;
	margin: 0px auto 50px auto;
	display: block;
	overflow: hidden;
	vertical-align: top;
}
*/

.party_h3jl {
	margin-bottom: 30px;
}


}