/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing: 0.075em;
}

h2 { line-height: 1.5; margin-bottom: 1em; }

p { line-height: 2; }

.col-inner>.img:not(:last-child), .col>.img:not(:last-child) { margin-bottom: 1.3em; }

.tagline {
	/*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;*/
	font-size: 1.25em;
	line-height: 1.25;
}

.tagline span { display: block; }

.foreword h1, p {
	/*font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
}

.banner h1 { font-size: 2.25em; line-height: 1.5; }

.foreword .banner h1 {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0 auto;
	font-size: 1.5em;
	line-height: 2;
	/*letter-spacing: 0.2em;*/
	text-align: left;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.foreword p, .afterword p, .main-body p {
	font-size: 1.125em;
}

.product h3 { font-size: 1.5em; }
/*.product p { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; }*/

@media screen and (max-width: 480px) {
  p br { display: none; }
  .cover span { display: block; }
  .cover p { font-size: 1.25em; line-height: 1.25; margin-bottom: 0; }
  .cover h1 { font-size: 1.5em; line-height: 1.5; margin-bottom: 0; }
}


.storename p {
	/*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;*/
	margin-bottom: 0.5em;
	line-height: 1.1em;
}

.storename a {
	color: #666666;
	opacity: 0.75;
}
.storename :hover {
	opacity: 1;
}

p.corp-name {
	margin-bottom: 0;
}

.sub {
	white-space: nowrap;
}

.foot-logo {
	padding-bottom: 0.25em;
	width: 40px;
}

.span-nowrap span { white-space: nowrap; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}