@charset "utf-8";
/* CSS Document */

/* 下層ページ用中テキスト調整パーツ-------------- */

.sub_innerbox .newline,
.sub_wrapper .newline{
	display: inline-block;
}
.sub_innerbox .sub_talign{
	text-align: center;
}
.sub_img100w img{
	width: 100%;
	height: auto;
}
.sub_para38em{
	max-width: 38em;
	width: 100%;
}
.sub_para45em{
	max-width: 45em;
	width: 100%;
}
/* --------------下層ページ用テキスト調整パーツ */
/* -下層ページ用中寄ボックス------------- */
.sub_wrapper{
	width:100%;
}

.sub_innerbox{
	margin:0 auto;
	width:100%;
	max-width:1230px;
	height:auto;/* 任意 */
	padding: 0 15px;
	box-sizing: border-box;
}

/* --------------下層ページ用中寄ボックス */
/* フレックスボックス共通-------------- */
.flexbox2{
	width: 100%;
	padding: 0;
	padding-bottom: 30px;
	margin: 0;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.flexbox2 div{
	width: 50%;
}
/* --------------フレックスボックス共通 */

/* タイトル文字色・背景（個別設定） ------------------------------------------------------------- */

/* 陶芸教室 */
#page_school .titlearea{
	background: url(http://wagagama.com/images/bg_school.jpg) no-repeat right top;
	background-size: cover;
	color: #fff;
}
/* 個人情報保護方針 */
#page_privacy .titlearea{
	background: url(http://wagagama.com/images/bg_privacy.jpg) no-repeat right top;
	background-size: cover;
}
/* お問い合わせ */
#page_contact .titlearea{
	background: url(http://wagagama.com/images/bg_contact.jpg) no-repeat right 20% top;
	background-size: cover;
	color: #fff;
}
/* 店舗紹介 */
#page_shop .titlearea{
	background: url(http://wagagama.com/images/bg_shop.jpg) no-repeat right 20% top;
	background-size: cover;
}
/* 我釜とは */
#page_wagagama .titlearea{
	background: url(http://wagagama.com/images/bg_wagagama.jpg) no-repeat right 20% top;
	background-size: cover;
	color: #fff;
}
/* 商品紹介 */
#page_products .titlearea{
	background: url(http://wagagama.com/images/bg_products.jpg) no-repeat right 20% top;
	background-size: cover;
}
/* 
お問い合わせ==================================================================================
 */
/* フォーム共通 */
.wpcf7-form label{
	width: 100% !important;
	width: 100%;
}
div.wpcf7{
	padding: 0;
	padding-top:50px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="select"],
.wpcf7-form input[type="email"],
.wpcf7-form .wpcf7-textarea{
	width: 100% !important;
	max-width: 100%;
	height:2.5em;
	border: #001746 1px solid;
	padding: 0.7em;
	box-sizing: border-box;
}
.wpcf7-form .wpcf7-textarea{
	height:10em;
}
.wpcf7-form p{
	padding:0 0 20px 0;
	box-sizing: border-box;
}
/*送信ボタン*/
.wpcf7-form .wpcf7-submit{
	width: 10em !important;
} 
.contactformarea .form{
	width:100%;
	margin:0 auto 0 auto;	
}
span.wpcf7-list-item.last{
	margin-left:2em;
}
.wpcf7-submit {
    color: #fff;
	font-size: 18px;
	text-align: center;
	border-radius:0;
	border: #fff 1px solid;
	padding: 1.2em 3em;
	box-sizing: border-box;
    background-color: #001746;
	margin: 0 auto;
}
.wpcf7-submit:hover{
    background-color: #0b2354;
}
div.wpcf7 .ajax-loader {
	visibility: hidden;
	display: inline-block;
	background-image: url('../../images/ajax-loader.gif');
	width: 0;
	height: 0;
	border: none;
	padding: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

/* 送信完了 */
div.wpcf7-mail-sent-ok {
    border: 2px solid #001746;
}

@media screen and (max-width:500px){
div.wpcf7{
	padding: 0;
	width: 100%;
}
}
/* お問合せ */

#contact-form .entry-content{
	text-align: center;
}
#contact-form .entry-content img{
	width: 100%;
	height: auto;
}
#contact-form .entry-content h3{
	text-align: center;
	font-size: 30px;
	line-height: normal;
	font-weight: normal;
	padding-top: 40px;
	padding-bottom: 20px;
}
#contact-form .entry-content h4{
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
	padding-top: 80px;
}
@media screen and (max-width:500px){
#contact-form .entry-content h3{
	font-size: 26px;
	padding-top: 30px;
}
}
/* 
==================================================================================お問い合わせ
 */

/* 
我窯とは==================================================================================
 */
#page_wagagama ruby rt{
	font-size: 0.4em;
	font-weight: lighter;
}
/* 
==================================================================================我窯とは
 */
/* 
店舗紹介==================================================================================
 */
#page_shop dl{
	margin-bottom: 50px;
}
#page_shop a{
	text-decoration: none;
	color: #001746;
}
/* 
==================================================================================店舗紹介
 */
/* 
商品紹介==================================================================================
 */
#page_products h3{
	line-height: 1em;
}
#page_products .flexbox2{
	position: relative;
	padding-bottom: 0;
	border-bottom: #001746 1px solid;
}
#page_products .flexbox2 div{
	padding: 30px 0 15px 0;
	width: 53%;
}
#page_products .flexbox2 div:first-child{
	width: 42%;
}
@media screen and (max-width:3000px){
#page_products .flexbox2{
	border-bottom: #001746 1px solid;
}
#page_products .flexbox2 div{
	width: 53%;
}
#page_products .flexbox2 div:first-child{
	width: 42%;
}
}
@media screen and (max-width:1390px){
#page_products .flexbox2{
	border-bottom: #001746 0 solid;
}
#page_products .flexbox2 div{
	padding: 0 0 0 0;
	width: 100%;
}
#page_products .flexbox2 div:first-child{
	width: 100%;
	padding: 70px 0 0 0;
}
#page_products .flexbox2 h3{
	position: absolute;
	left:0;
	top:32px;
}
}
@media screen and (max-width:950px){
#page_products .flexbox2{
	border-bottom: #001746 1px solid;
}
#page_products .flexbox2 div{
	width: 53%;
	padding: 30px 0 15px 0;
}
#page_products .flexbox2 div:first-child{
	width: 42%;
	padding: 34px 0 15px 0;
}
#page_products .flexbox2 h3{
	position: relative;
	left:0;
	top:0;
}
}
@media screen and (max-width:730px){
#page_products .flexbox2{
	border-bottom: #001746 0 solid;
}
#page_products .flexbox2 div{
	padding: 0 0 0 0;
	width: 100%;
}
#page_products .flexbox2 div:first-child{
	width: 100%;
	padding: 70px 0 15px 0;
}
#page_products .flexbox2 h3{
	position: absolute;
	left:0;
	top:32px;
}
}
/* 
==================================================================================商品紹介
 */