@charset "utf-8";
/*-----------------------------------------------------------------------------
License     : GNU General Public License
License URI : http://www.gnu.org/licenses/gpl-2.0.html
Theme Name  : cocktail_wp005
Theme URI   : 
Author      : cocktail design
Author URI  : 
Description : テンプレート by カクテルデザイン
-----------------------------------------------------------------------------*/
/**********************************************************************************************************************
/* 基本設定（標準タグ）
/*********************************************************************************************************************/
*,
*::before,
*::after {
	box-sizing:					border-box;
}
body {
	display:					flex;
	flex-direction:				column;
    margin:                     0;
    padding:                    0;
	font-family:				'Noto Sans JP', sans-serif;
    font-size:                  16px;
	font-weight:				400;
    color:                      #221815;
	background-color:			#ffffff;
	background-image:			url(bkground.jpg);
	background-repeat:			repeat;
}
h1, h2, h3, h4, h5, h6 {
	margin:						0;
	padding:					0;
    font-weight:                normal;
}
h1 {
	padding:					10px 0;
	font-size:					28px;
}
h2 {
	margin-bottom:				5px;
	padding:					10px 0;
	font-size:					24px;
}
h3 {
	margin-bottom:				5px;
	padding:					5px 0;
	font-size:					16px;
}
a {
    text-decoration:            none;
}
a:link, a:visited, a:active {
    color:                      #3e3a39;
}
p {
    margin:                     0;
    padding:                    0;
    line-height:                1.8;
}
ul, dl, li {
	margin:						0;;
	padding:					0;
}
ul, dl {
	list-style:					none;
}
img {
	width:						100%;
	vertical-align:				middle;
}
hr {
	margin:						10px 0;
	border-top:					1px solid #A3C1E7;
}
.center {
    text-align:                 center;
}
.weight_b {
	font-weight:				bold;
}
.uline {
	text-decoration-line:		underline;
}
@media print,screen and (max-width:640px){
	h1 {
		font-size:					20px;
	}
	h2 {
		font-size:					16px;
	}
	h3 {
		font-size:					14px;
	}
}
/*************************************************************************************************
/* 基本共通設定（フォントサイズ）
**************************************************************************************************/
.size_SS {
	font-size:					10px;
}
.size_S {
	font-size:					12px;
}
.size_M {
	font-size:					16px;
}
.size_L {
	font-size:					24px;
}
.size_LL {
	font-size:					26px;
}
@media print,screen and (max-width:640px){
	body {
		min-width:					100%;
		font-size:					13px;
	}
	.size_SS {
		font-size:					10px;
	}
	.size_S {
		font-size:					12px;
	}
	.size_L {
		font-size:					16px;
	}
	.size_LL {
		font-size:					20px;
	}
}
/*************************************************************************************************
/* 基本共通設定（色指定）
**************************************************************************************************/
.color_red {
	color:						#ff0000;
}
.color_green {
	color:						#007F68;
}
.bk_gray {
	background-color:			#F5F5F5;
}
.menu_blue {
	color:						#2fb2dc;
}
/*************************************************************************************************
/* 基本共通設定
/* ・"box-sizing" は "border-box" を適用
**************************************************************************************************/
/* BOXエリア（基本ボックス・フルサイズボックス・フレックスボックス） */
.box {
	width:						1200px;
    margin:                     0 auto;
	padding:					0 15px;
}
.box_fluid {
	width:						100%;
}
.box_flex {
	display:					flex;
	width:						1200px;
    margin:                     0 auto;
	padding:					0 15px;
	justify-content:			space-between;
}
.no_padding {
	padding:					0;
}
@media print,screen and (max-width:640px){
	.box {
		width:						100%;
	}
	.box_flex {
		width:						100%;
		flex-wrap:					wrap;
	}
}
/*************************************************************************************************
/* 基本共通設定（グーグルマップ）
/* ・padding-bottom で高さを調整
**************************************************************************************************/
.googlemap {
	position: 					relative;
	padding-bottom: 			60%;
	height: 					0;
	overflow: 					hidden;
	background-color:			#ffffff;
	border: 					solid 1px #afafaf;
}
.googlemap iframe {
	position: 					absolute;
	top: 						0;
	left: 						0;
	width: 						100% !important;
	height: 					100% !important;
	padding: 					3px;
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.googlemap {
		padding-bottom: 			80%;
	}
}
/*************************************************************************************************
/* 基本共通設定（その他）
**************************************************************************************************/
/* 追加マージン等 */
.mb_10 {
	margin-bottom:				10px;
}
.mb_short {
	margin-bottom:				15px;
}
.mb_normal {
	margin-bottom:				30px;
}
.mb_long {
	margin-bottom:				50px;
}
/* ページトップボタン */
#pagetop {
	position:					fixed;
	width:						60px;
	height:						60px;
	right:						0;
	bottom:						0;
	z-index:					9999;
	background-color: 			#dddddd;
	opacity:					0.8;
}
/* スクロールフェードイン */
.fadein {
    opacity :               	0;
    transform:              	translateY(0);
    transition:             	all 2s;
}
/* デバイス別表示設定 */
.pc_mode {
	display:					block;
}
.mobile_mode {
	display:					none;
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.mb_short {
		margin-bottom:				8px;
	}
	.mb_normal {
		margin-bottom:				15px;
	}
	.mb_long {
		margin-bottom:				30px;
	}
	.pc_mode {
		display:					none;
	}
	.mobile_mode {
		display:					block;
	}
}
/*************************************************************************************************
/* ページ共通
**************************************************************************************************/
@media print,screen and (max-width:640px){
}
/*************************************************************************************************
/* ホーム画面
**************************************************************************************************/
/* コンテンツエリア */
#home_area {
	width:						100%;
	margin:						0 auto;
}
/* 工事中表示 */
#home_area .home_notice {
	width:						100%;
	height:						100%;
}
#home_area .home_notice .notice_section {
	width:						100%;
	max-width:					900px;
	margin:						0 auto;
	text-align:					center;
}
#home_area .home_notice .notice_section .pict {
	width:						100%;
	margin-top:					5vh;
	color:						#000000;
}
#home_area .home_notice .notice_section .pict img {
	width:						60%;
}
@media print,screen and (max-width:640px){
	#home_area .home_notice .notice_section .pict {
		width:						100%;
		padding:					20px 0;
		color:						#000000;
	}
	#home_area .home_notice .notice_section .pict img {
		width:						90%;
	}
}