@charset "utf-8";

/* INDEX ----------------------------------

1: 共通
2: Style
3: header#gH
4: #mainArea
5: footer#gF


------------------------------------------- */
/* ========================
1: 共通
=========================== */
/* ページヘッダーを非表示に */
.page-header {background:#E41717; color:#fff;letter-spacing:0.5rem;}
/* パンくずリストを非表示に */
.breadcrumb { display:none; }

/* ヘッダー */
header{
border-top: 2px solid #E41717;
}
/* メニュー周り */
.menu .menu-item {font-size: 50%;}
.menu .menu-item a:hover {
transition: all 0.3s ease 0s;
opacity: 0.4;
}
.menu .menu-item .global-nav-name {font-weight: bold; font-size: 12px;}

/* フッター */
footer{
border-bottom: 2px solid #E41717;
}
footer h4.footer_wi img{width:150px;}
footer h4.widget-title {font-size:14px; letter-spacing: 1px;}
footer ul.info_list {list-style: none;}
footer ul.info_list li {margin: 0 0 30px 0; padding: 0;}
footer ul.sns_btns {list-style: none;}
footer ul.sns_btns li {display: inline-block; font-size: 36px;}
footer ul.sns_btns li a:hover {color:#ccc;transition: all 0.3s ease 0s;opacity: 0.4;}

/* ========================
追加 CSS
=========================== */
body{font-size: 90%;}
h2 {
	font-size: 20px; 
	letter-spacing:2px;
}
h3 {
	font-size: 16px; 
	letter-spacing:2px;
}
a:hover{ 
	color:#333;
	transition: all 0.3s ease 0s;
	opacity: 0.4;
}

/* -- スライド下メニューボックス -- */
.topBox .wp-block-column{
	text-align: center; 
	height: 240px;
	margin-bottom: 60px;
	position: relative; /*中の要素の基準値*/
}
.topBox a{
	display: block;
	background: center no-repeat;
	background-size: cover;
	width:100%;
	height:100%;
	padding: 10px;
}
.topBox a:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7); /*半透明のフィルターをかける*/
}
.topBox a:hover{
	opacity: 10;
}
.topBox a:hover:before{
	transition: all 0.3s ease 0s;
  background-color: rgba(0,0,0,0);
}
.topBox a.topMenuBox{
	background-image: url(https://aranciarossa.jp/img/top_menu_bg_menu.jpg);
}
.topBox a.topTakeoutBox{
		background-image: url(https://aranciarossa.jp/img/top_menu_bg_takeout.jpg);
}
.topBox a.topCollaboBox {
		background-image: url(https://aranciarossa.jp/img/top_menu_bg_collabo.jpg);
}
.topBox a.topCollaboBox p{
	font-size: 95%;
}
.topBox p {
	position: relative;
	color: #fff;
 letter-spacing: 2px;
	text-shadow: 0px 1px 5px #222;
}
.topBox p.btn {
	border: 3px solid #fff;
	font-weight: bold;
	margin:30% 0 15px 0;
	padding: 5px 8px;
	width: 90%;
	color: #fff;
}

/* -- NEWS BOX -- */
ul.wp-block-latest-posts {
margin-bottom: 10px;
}
ul.wp-block-latest-posts li{
  position: relative;
	 padding: 0px 2px 5px 20px;
	margin: 0px 0px 10px 0px;
}
ul.wp-block-latest-posts li:before {
	content:'';
	display:block; 
	position:absolute;
	width:10px;
	height: 10px;
	top:5px;
	left:0px;
	background: #333;
	border-radius: 10px;
}
ul.wp-block-latest-posts a { text-decoration: underline dotted #ccc; }
ul.wp-block-latest-posts a:hover { text-decoration: none;}
ul.wp-block-latest-posts time { text-align:right;}

/* -- SNS BOX -- */
.snsBox {text-align:center; margin-bottom: 60px;}
.snsBox h2 {margin: 0; padding:0;}
.snsBox ul.sns_btns {
	list-style:none;
	margin: 0;
	padding: 0;
}
.snsBox ul.sns_btns {
text-align:center;
margin: 0;
padding: 0;
}
.snsBox ul.sns_btns li {
	display: inline-block;
	font-size: 36px;
	margin: 0;
	padding: 0;
}
.snsBox p {
	margin: 20px 0 0 0;	
}

/* -- INFO BOX -- */
.infoBox{
background: #f7f7f7;	
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
margin-bottom: 60px;
padding-top: 40px;
padding-bottom: 30px;
}

.infoLink ul{list-style:none;}
.infoLink li.phoneNo{ letter-spacing: 2px; margin-bottom:50px;}
.infoLink li.phoneNo i{font-size: 24px;}
.infoLink li.phoneNo a{color: #333; text-decoration:none; font-weight: bold;}

.infoLink li.linkBtn{font-weight: bold; letter-spacing:2px;}
.infoLink li.linkBtn a{display: block;
background: #333; color: #fff; padding: 10px; width: 240px; margin-top: 20px}

/* -- GALLERY BOX -- */
.galleryBox {
	text-align:center;
}
.galleryBox h2 {
	margin-bottom: 40px;
}
.galleryBox p.moreBtn {
}
.galleryBox p.moreBtn a{
	display: block;
	width: 220px;
	padding: 5px;
	background: #333;
	color: #fff;
	text-decoration: none;
	letter-spacing: 3px;
	margin: 40px auto;
	font-weight: bold;
}

/*-- 投稿ページ  --*/
.entry-header{border-top: none; }
.entry-title {
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 1px;
}
.entry-meta {margin-top: 10px; background: #f7f7f7; padding: 3px 7px;}
.fn {display: none;}
.entry-footer {border-top: 1px dotted #ccc; padding: 5px 0 0 0;}
.entry-footer a {text-decoration: underline dotted #ccc;}

/*-- TAKEOUT  --*/
p.inMenu {
	text-align:center;
	font-size: 24px;
	letter-spacing: 5px;
	margin-bottom:80px;
	color: #000;	
}
p.inMenu a{
color: #000;
padding: 0 15px; 
}
p.inMenu span{
font-size: 14px;
}
.entry-body img.takeoutImg {
	width:300px;
	height:300px;
	object-fit: cover;
	border-radius:5%;
	object-position: 0px 0px;	
	margin-right: 20px;
}
.entry-body hr{
	margin: 30px 0;
	border: none;
	height: 1px;
	border-bottom: dotted 1px #ccc;
}
.postMenuBox {
	margin-top:0px;
	margin-bottom: 50px;
}
.postMenuBox h3{
font-size: 14px;
	letter-spacing: none;
}
/*-- モバイルナビ  --*/
.vk-mobile-nav h1{font-size: 18px; text-align:center; color:#E41717; letter-spacing: 1px;}
.vk-mobile-nav ul.vk-menu-acc li.menu-item {font-size:14px;}
.vk-mobile-nav ul.sns_btns {
text-align:center;
margin: 0;
padding: 0;
}
.vk-mobile-nav ul.sns_btns li {
	display: inline-block;
	font-size: 30px;
	margin: 0;
	padding: 0;
}
.vk-mobile-nav ul.info_list {list-style:none; font-size: 90%;}

@media (max-width: 768px){
.topBox p.btn {
	margin: 20% 0 15px 0;
	padding: 5px 8px;
	width: 90%;
}
p.inMenu {
	text-align:center;
	font-size: 16px;
	letter-spacing: 0.5px;
	margin-bottom:80px;
	color: #000;	
}
p.inMenu a{
color: #000;
padding: 0 2px; 
}
p.inMenu span{
font-size: 12px;
}

}