@charset "utf-8";

/*------------------------------------------------
  tab
-------------------------------------------------*/

/*タブ切り替え全体のスタイル*/
.tabs {
    display: block;
	width: 100%;
	padding: 0;
	margin:40px auto 0 ;
	width: 100%;
}
.tabs p {
	margin: 10px auto 0;
	padding: 0;
}
.tabs ul {
	list-style: none;
}

/*タブのスタイル*/

#tab01_content{
	border-top: 5px solid #A1CAE5;
}
#tab02_content{
	border-top: 5px solid #181777;
}


.tabs .tab_item {
	display: block;
	width: calc(100%/2);
	border-top:5px solid #fff;
	border-right:8px solid #fff;
	border-left:8px solid #fff;
    background-color: #A1CAE5;
	line-height: 2em;
	text-align: center;
	float: left;
	text-align: center;
	transition: all 0.2s ease;
	font-size: 1.6rem;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	margin: 0 auto;
	padding: 3px;
}
.tabs .tab_item:hover {
	opacity: 0.75;
}
.tabs .tab_item2 {
	display: block;
	width: calc(100%/2);
	border-top:5px solid #fff;
	border-right:8px solid #fff;
	border-left:8px solid #fff;
    background-color: #181777;
	line-height: 2em;
	text-align: center;
	float: left;
	text-align: center;
	transition: all 0.2s ease;
	font-size: 1.6rem;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	margin: 0 auto;
	padding: 3px;
}
.tabs .tab_item2:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
input[name="tab_item2"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
 .tab_content {
	 display: none;
	 padding:  0;
	 clear: both;
	 overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#tab01:checked~#tab01_content,
#tab02:checked~#tab02_content{
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked+.tab_item {
	background-color: #A1CAE5;
	border-top:5px solid #fff;
	border-right:8px solid #fff;
	border-left:8px solid #fff;
	color: #fff;
}
.tabs input:checked+.tab_item2 {
	background-color: #181777;
	border-top:5px solid #fff;
	border-right:8px solid #fff;
	border-left:8px solid #fff;
	color: #fff;
}
.tabs label{
	color: #fff;
}

#tab02_content ul.shrine_wrap{
    margin:0 auto;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
	text-align: left;
}

#tab02_content .shrine_wrap li.shrine_wrap{
	margin:0;
	padding:10px;
    width:50%;
	list-style:none;
}
#tab02_content .shrine_wrap li.top_space{
	margin-top:-20px;
}
#tab02_content .shrine_wrap p{
    width:100%;
}
#tab02_content .shrine_wrap .map_address{
    width:100%;
	margin-left: -20px;
}


@media only screen and (max-width:767px){
#tab02_content .shrine_wrap li.shrine_wrap{
    width:100%;
}
#tab02_content .shrine_wrap li.top_space{
	margin-top:0;
}
#tab02_content .shrine_wrap .map_address{
	margin-left: 0px;
}
}