@charset "utf-8";
/*
Theme Name: artlife2023-2
Theme URI: http://wordpress.org/extend/themes/karuizawa
Author: the WordPress team
Author URI: http://wordpress.org/
Description: 2011年版の WordPress テーマは洗練されていて、軽量で、柔軟性があります。メニュー、ヘッダー画像、背景をあなたなりにアレンジしてみてください。明と暗のカラースキーム、リンクカラー、3つのレイアウトオプションが利用できるようになっています。「Twenty Eleven」は、フロントページをコンテンツの目立つショーケースへと変身させるショーケース固定ページテンプレートを備えています。ウィジェット対応のたくさんのエリア (サイドバー、3つのフッターエリア、ショーケース固定ページウィジェットエリア) があり、また、アサイド・リンク・引用・ステータスを表示する「短冊」ウィジェットを備えています。印刷用と管理者のエディタ用のスタイル、アイキャッチ画像（投稿、固定ページ上のヘッダー画像と注目の"固定"記事の大きな画像として）のサポート、6つの異なる投稿フォーマットの特別なスタイルが含まれています。
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

#product-img {
	width: 100%;
	display:flex;
	box-sizing: border-box;
	margin:0;
}
#product-img div{
	padding:5px;
	vertical-align:middle;

text-align:center;

}
#product-img div img{
	
}
#product-img div:nth-of-type(1){
	height:100%;
}


#product-img div:nth-of-type(2){
	height:100%;
}
#product-img div:nth-of-type(3){
	height:100%;
}

@media (max-width: 650px) {
	#product-img {
		display:block;
	}

}



.zoom {
      width: 300px;
      height: 200px;
      overflow: hidden;
      margin-bottom: 30px
    }

    @keyframes animationZoom1 {
      100% { transform:scale(1.1)} 
    }
    @keyframes animationZoom2 {
      50% { transform:scale(1.1)} 
}
.obj-p {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	margin:20px 0 0;
}

.ngg-galleryoverview default-view {
	margin:0;
}
/*
#you-div {
	width:70%;
	margin:20px auto;
	text-align:center;
	padding:10px;
	border:3px solid #852e19;
	box-sizing:border-box;
}
*/
#you-div {
	width:70%;
	margin:20px auto;
	text-align:center;
	padding:10px;
	color:#f00;
	box-sizing:border-box;
	font-weight:bold;
}
#you-div a {
	color:#f00;
}

@media (max-width: 650px) {
	#you-div {
	width:100%;
	}
	#kikaku-ul li {
		font-size:0.7em;
	}

}
.gallery-div {
	width:100%;
	margin:0px;
	display:flex;
	justify-content: space-between;
}
.gallery-div p {
	width:32%;
	box-sizing:border-box;
}
.gallery-div p img {
	width:100%;
}

.gallery-div4 {
	width:100%;
	margin:0px;
	display:flex;
	justify-content: space-between;
}
.gallery-div4 p {
	width:22%;
	box-sizing:border-box;
}
.gallery-div4 p img {
	width:100%;
}
@media screen and (max-width: 640px) {
	.gallery-div {
		display:block;
	}
	.gallery-div p {
		width:100%;
		box-sizing:border-box;
	}
	.gallery-div4 {
		display:block;
	}
	.gallery-div4 p {
		width:100%;
		box-sizing:border-box;
	}

}

.gallery-div2 {
	width:65%;
	margin:20px auto;
	display:flex;
	justify-content: space-between;
}
.gallery-div2 p {
	width:48%;
	box-sizing:border-box;
}
.gallery-div2 p img {
	width:100%;
}
@media screen and (max-width: 640px) {
	.gallery-div2 {
		display:block;
	}
	.gallery-div2 p {
		width:100%;
		box-sizing:border-box;
	}
}
.top_bl {
	border: 1px solid #888;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 10px;
}
.top_bl h2 {
	font-size:22pt;
}
#kikaku-tb td {
	font-size: 1.5em;
	line-height: 1.5;
}

.kikaku-h1 {
	font-size: 22pt;
}
.kikaku-h1 span {
	font-size: 14pt;
}
.obj-h2 {
	margin-top: 10px;
	font-size:22pt;
}
.obj-h2 span {
	font-size:18pt;
}
.kenzan-h2 {
	margin-top: 10px;
	font-size:18pt;
	font-weight:bold;
}
.kenzan-h2 span {
	font-size:18pt;
}
.kenzan-p {
	font-size:18pt;
	font-weight:normal;
}
.kenzan-p span {
	font-size:18pt;
}

#obj-bottom {
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ccc;
}


@media screen and (max-width: 640px) {
	.kikaku-h1 {
		font-size: 18pt;
	}
	.obj-h2 {
	margin-top: 20px;

	}
}