@charset "utf-8";
/* 
Theme Name: 日光世界遺産wedding
Theme URL: http://
Description: 日光世界遺産wedding
Author: 日光世界遺産wedding
 */
@import url("css/layout.css");
@import url("css/layout_pc.css");
@import url("css/layout_tlsp.css");
@import url("css/design.css");
@import url("css/color.css");
@import url("css/common.css");
@import url("css/animate.css");
/*=========================

=========================*/
/*-------------------------

-------------------------*/
/*共通*/
#article-in>div {
	margin-bottom: 80px;
	overflow: hidden;
	}

/*テキスト*/

#article-in p {
	margin-bottom: 20px;
	line-height: 180%;
	}
	#article-in p a {
	color: #4c00ff;
	text-decoration: underline;	
	}
	#article-in p a:hover {
		color: #534672;
		text-decoration: none;	
		}
#article-in ul
 {
	margin-bottom: 20px;
	}
/*見出し*/
h1 {
	font-size: 22px;
	}
h2 {
	font-size: 20px;
	}
h3 {
	font-size: 19px;
	}
h4 {
	font-size: 18px;
	}
h5 {
	font-size: 17px;
	}


/*テーブル1*/
.table1 {
	border-collapse: collapse;
	width:100%;
}
.table1 th.t_top {
    border-top: #be1309 4px solid;
}
.table1 th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
.table1 td.t_top {
	border-top: #b3b3b3 4px solid;
}
.table1 td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
.table1 tr:hover {
    background: #3D80DF;
    color: #FFFFFF;
}
/*資料請求テーブル*/
.contable {
	border-collapse: collapse;
	width:100%;
	margin-bottom: 80px;
}
.contable a {
	text-decoration: underline;
	color: #cc4244;
}
.contable a:hover {
	text-decoration: none;
}
.contable th.t_top {
    border-top: #cc4244 4px solid;
}
.contable th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	width: 20%;
	background-color: #303030;
	color: #FFFFFF;
}
.contable th span{
	margin-right: 10px;
	color: #cc4244;
	font-size: 14px;
}
.contable td.t_top {
	border-top: #b3b3b3 4px solid;
}
.contable td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
.contable .datefr {
width: 60%;
margin-right: 3%;
display: inline-block;
}
.contable .timefr {
width: 37%;
}
.wpcf7celmfr p {
	background-color: #cc4244;
	color: #FFFFFF;
	padding: 5px 15px;
	display: inline-block;
	margin-bottom: 20px;
	color: #FFFFFF;
}

/*注意事項テーブル*/
.cautiontable {
	border-collapse: collapse;
	width:100%;
}
.cautiontable th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
.cautiontable td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}


/*運営会社テーブル*/
.companytable {
	border-collapse: collapse;
	width:100%;
	background-color: #ffffff;
}
.companytable th.t_top {
    border-top: #cc4244 4px solid;
}
.companytable th {
	border-bottom: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background-color: #dbdbdb;
	width: 150px;
	text-align: center;
}
.companytable td.t_top {
	border-top: #b3b3b3 4px solid;
}
.companytable td {
	border-bottom: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}

/* ---------------
single.php
------------------ */



/* ---------------
page.php
------------------ */
/*運営会社*/
.accessmap {
	text-align: center;
}
.salonguide ul {

}
.salonguide ul li {
width: 40%;
margin: 0 5% 10px;
float: left;
display: table;
}
.salonguide ul li >div:nth-child(1) {
	display: table-cell;
	width: 30%;
	}
.salonguide ul li >div:nth-child(2) {
	display: table-cell;
	padding: 0 15px 15px;

		}
.salonguide ul li >div:nth-child(2) p {
 padding-bottom: 10px;
			font-size: 20px;
			border-bottom: 1px solid #cc4244;
			text-align: center;
			font-weight: bold;
			}
.salonguide ul li >div:nth-child(2) p span {
margin-right: 15px;
font-size: 16px;
						   }
.pagelink1 {
			width: 160px;
			margin: 0 auto 30px;
				}

.pagelink1 a{
	display: block;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	padding: 3px 0;
}
.pagelink1 a:hover{
	background-color: #383838;
}
.maptxt {
	margin: 0 auto 20px;
	text-align: center;
	display: block;
}
.maptxt .maptxt-in {
	text-align: left;
	display: inline-block;
}
/*流れ*/

.flowh2 {
padding: 3px 0 0 3px;

/*padding: 3px 0 0 40px;
background-image: url(images/iconmusubi_01.png);
background-position: 0px 3px;
background-size: 24px auto;*/
}
.bff h3{
letter-spacing: 0.06em;
background-image: url(images/line_05.png);
background-position: center 100%;
background-size: 300px auto;
padding: 0 0 5px 0;
font-size: 20px;
color: #cc4244;
}
/*資料請求*/
.formpagecom p{
	text-align: center;
	margin-bottom: 10px;
}
.pagetel{
	text-align: center;
	margin-bottom: 25px;
}
.pagetel p{
	padding-left: 50px;
	background-image: url(images/iconcontact_02.png);
	background-size: 36px auto;
	background-position: 0 50%;
	font-size: 35px;
	font-weight: bold;
	display: inline-block;
}
.wpcf7celmfr ul {
	text-align: center;
}
.wpcf7celmfr ul li {
	display: inline-block;
	margin: 0 10px;
}
.wpcf7celmfr {
	margin-bottom: 20px;
}
.formpagecom2 {
	margin-bottom: 20px;
}
/* PC 769px以上 */
@media print, screen and (min-width: 769px){
	/*枠*/



/*テーブル*/
.table {
border-collapse:collapse;
	display:table;
}
.table .row {
	display:table-row;
}
.table .row>div {
	display:table-cell;
	margin:15px;
	padding:10px 20px;
	border:1px solid #CCC;
	background-color: #FFF;
}
.table .row div:nth-child(1) {
	background-color: #F4F1EA;
	width: 30%;
	text-align: center;
	vertical-align: middle;
}
.table .row div a {
	color: #45281C;
	text-decoration: underline;
}
.table .row div a:hover {
	text-decoration: none;
	color: #999;
}


	}
/* Tablet 768pxまで */
@media only screen and (max-width: 768px){
	/*=========================
コンテンツ共通
=========================*/
/*枠*/
#article-in>div {
	margin-bottom: 50px;
	}
	.cautiontable th.spnarrow {
		padding: 10px 10px 0 10px;
		border-bottom: none;
	}
	.cautiontable td.spnarrow {
		padding: 0 10px 10px 10px;
	}
/*テーブル*/
.table {
border-collapse:collapse;

}
.table .row {
	
}
.table .row>div {
	padding:10px 10px;
	border:1px solid #CCC;
	background-color: #FFF;
	text-align: center;
}
.table .row div:nth-child(1) {
	background-color: #F4F1EA;
	text-align: center;
	vertical-align: middle;
}
/*資料請求テーブル*/
.contable,
.contable th,
.contable td {
	display: inline-block;
	width: 100%;
}
.contable tr {
	display: inline;
}
/*運営会社テーブル*/
.companytable {
	width:100%;
	display: inline-block;
}
.companytable th {
	width: 100%;
	display: inline-block;
}
.companytable td.t_top {
	border-top:none;
}
.companytable td {
	display: inline-block;
	width: 100%;
}












.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
	}
/* Mobile 640pxまで */
@media only screen and (max-width:640px){}