@charset "utf-8";

/*----------------------------------------------------
共通設定
----------------------------------------------------*/
body {
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.4;
	color:#000;
	background:#fff;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
}
table {
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}
input,textarea,select,option {
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333;
}

a:link { font-weight:bold; text-decoration:underline; color:#333; }
a:visited { font-weight:bold; text-decoration:underline; color:#333; }
a:hover { font-weight:bold; text-decoration:none; color:#333; }
a:active { font-weight:bold; text-decoration:none; color:#333; }

a:hover img { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

img { vertical-align:bottom; }
iframe { vertical-align:bottom; }



/*----------------------------------------------------
汎用クラス
----------------------------------------------------*/
.mT0 { margin-top:0 !important; }
.mT5 { margin-top:5px !important; }
.mT10 { margin-top:10px !important; }
.mT15 { margin-top:15px !important; }
.mT20 { margin-top:20px !important; }
.mT25 { margin-top:25px !important; }
.mT30 { margin-top:30px !important; }
.mT35 { margin-top:35px !important; }
.mT40 { margin-top:40px !important; }
.mT45 { margin-top:45px !important; }
.mT50 { margin-top:50px !important; }

.mR0 { margin-right:0 !important; }
.mR5 { margin-right:5px !important; }
.mR10 { margin-right:10px !important; }
.mR15 { margin-right:15px !important; }
.mR20 { margin-right:20px !important; }
.mR25 { margin-right:25px !important; }
.mR30 { margin-right:30px !important; }
.mR35 { margin-right:35px !important; }
.mR40 { margin-right:40px !important; }
.mR45 { margin-right:45px !important; }
.mR50 { margin-right:50px !important; }

.mB0 { margin-bottom:0 !important; }
.mB5 { margin-bottom:5px !important; }
.mB10 { margin-bottom:10px !important; }
.mB15 { margin-bottom:15px !important; }
.mB20 { margin-bottom:20px !important; }
.mB25 { margin-bottom:25px !important; }
.mB30 { margin-bottom:30px !important; }
.mB35 { margin-bottom:35px !important; }
.mB40 { margin-bottom:40px !important; }
.mB45 { margin-bottom:45px !important; }
.mB50 { margin-bottom:50px !important; }
.mB60 { margin-bottom:60px !important; }

.mL0 { margin-left:0 !important; }
.mL5 { margin-left:5px !important; }
.mL10 { margin-left:10px !important; }
.mL15 { margin-left:15px !important; }
.mL20 { margin-left:20px !important; }
.mL25 { margin-left:25px !important; }
.mL30 { margin-left:30px !important; }
.mL35 { margin-left:35px !important; }
.mL40 { margin-left:40px !important; }
.mL45 { margin-left:45px !important; }
.mL50 { margin-left:50px !important; }

.pT0 { padding-top:0px !important; }
.pT5 { padding-top:5px !important; }
.pT10 { padding-top:10px !important; }
.pT15 { padding-top:15px !important; }
.pT20 { padding-top:20px !important; }
.pT25 { padding-top:25px !important; }
.pT30 { padding-top:30px !important; }
.pT35 { padding-top:35px !important; }
.pT40 { padding-top:40px !important; }
.pT45 { padding-top:45px !important; }
.pT50 { padding-top:50px !important; }

.pR5 { padding-right:5px !important; }
.pR10 { padding-right:10px !important; }
.pR15 { padding-right:15px !important; }
.pR20 { padding-right:20px !important; }
.pR25 { padding-right:25px !important; }
.pR30 { padding-right:30px !important; }
.pR35 { padding-right:35px !important; }
.pR40 { padding-right:40px !important; }
.pR45 { padding-right:45px !important; }
.pR50 { padding-right:50px !important; }

.pB0 { padding-bottom:0 !important; }
.pB5 { padding-bottom:5px !important; }
.pB10 { padding-bottom:10px !important; }
.pB15 { padding-bottom:15px !important; }
.pB20 { padding-bottom:20px !important; }
.pB25 { padding-bottom:25px !important; }
.pB30 { padding-bottom:30px !important; }
.pB35 { padding-bottom:35px !important; }
.pB40 { padding-bottom:40px !important; }
.pB45 { padding-bottom:45px !important; }
.pB50 { padding-bottom:50px !important; }

.pL5 { padding-left:5px !important; }
.pL10 { padding-left:10px !important; }
.pL15 { padding-left:15px !important; }
.pL20 { padding-left:20px !important; }
.pL25 { padding-left:25px !important; }
.pL30 { padding-left:30px !important; }
.pL35 { padding-left:35px !important; }
.pL40 { padding-left:40px !important; }
.pL45 { padding-left:45px !important; }
.pL50 { padding-left:50px !important; }

.fS9 { font-size:9px !important; }
.fS10 { font-size:10px !important; }
.fS11 { font-size:11px !important; }
.fS12 { font-size:12px !important; }
.fS13 { font-size:13px !important; }
.fS14 { font-size:14px !important; }
.fS15 { font-size:15px !important; }
.fS16 { font-size:16px !important; }
.fS17 { font-size:17px !important; }
.fS18 { font-size:18px !important; }
.fS19 { font-size:19px !important; }
.fS20 { font-size:20px !important; }

.dB { display:block !important; }
.dI { display:inline !important; }

.fR { float:right; }
.fL { float:left; }

.fB { font-weight:bold !important; }
.fN { font-weight:normal !important; }

.alR { text-align:right !important; }
.alC { text-align:center !important; }
.alL { text-align:left !important; }

.vA-t { vertical-align:top !important; }
.vA-m { vertical-align:middle !important; }
.vA-b { vertical-align:bottom !important; }

.clearfix:after { content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both; }
.clearfix { zoom:100%; }



/*----------------------------------------------------
----------------------------------------------------*/
header { background:url(../img/bg_head.jpg) 0 0 repeat-x; background-size:contain; }
header .inner { max-width:640px; margin:0 auto; }
header .inner h1 img { width:100%; max-width:640px; }

section .inner h2 { background:#ABCD04; }
section .inner h2 .inner { position:relative; display:block; max-width:640px; margin:0 auto; }
section .inner h2 .inner img { width:100%; max-width:640px; }
section .inner h2 .inner .arrow { position:absolute; bottom:-10px; left:50%; display:block; width:20px; height:10px; margin-left:-10px; background:url(../img/arrow.png) 0 0 no-repeat; background-size:20px 10px; }
section .inner .textArea { background:#EDF7F8; }
section .inner .textArea p { box-sizing:border-box; max-width:640px; margin:0 auto; padding:20px; font-size:15px; }
section .inner .ph { max-width:640px; margin:0 auto; }
section .inner .ph img { width:100%; }

section .inner .buy { max-width:400px; margin:0 auto 20px; padding:0 40px; }
section .inner .buy img { width:100%; }

footer { background:#EEE; }
footer .inner { max-width:640px; margin:0 auto; }
footer .inner p { padding:10px 0; text-align:center; }
footer .inner p small { font-size:13px; line-height:1.2; }


/***** 制作依頼コンタクトフォーム *****/
.c1{
background:#fff;
padding:15px 20px;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
display:block;
line-height:50px;
}
 
.c2{
background:#E8EEF9;
padding:20px;
border-bottom:1px solid #ccc;
font-weight:bold;
color:#595858;
line-height:50px;
}
 
p.c1,p.c2{
margin:0;
}
 
.c1:hover,.c2:hover{
background:#FFEEEE;
}
 
.c1.last,.c2.last{
border-bottom:none;
}
 
.m-alert{
padding:5px;
background:#ff8080;
color:#fff;
margin:5px;
font-weight:normal;
}
 
input[type=text],input[type=tel],input[type=email]{
font-size:15px;
}
 
.c1 textarea,.c2 textarea{
font-size:13px;
width:100%;
}
 
.file{
margin:10px;
display:block;
}
 
span.wpcf7-list-item { display: block; }
input[type=text],input[type=email],input[type=tel]{
   width:100%;
}
 
input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{
   border:solid 1px #20b2aa;
}
 
input[type=text], select,input[type=email],input[type=tel]{
   outline: none;
}
 
.contact_right textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:100%;
   padding:0 3px;
}
 
.contact_right textarea:focus{
   border:solid 1px #20b2aa;
}
 
.contact_right textarea {
   outline: none;
width:100%;
}
 
input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:33%;
   height:50px;
font-size:20px;
   padding:0 3px;
   margin:5px;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}
 
.contact_form input[type=submit]{
width:50%;
}
 
.contact_form input[type=text],.contact_form input[type=email]{
width:100%;
height:50px;
font-size:1.5em;
}
 
input[type="radio"]{
margin: 0 0 4px 0 !important;
}