/*terakoya style */

html,

input,
select,
textarea {
    color: #222;
}




/* =============================================================================
   form
   ========================================================================== */
   
   form ul:after, form li:after, form li div:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.noI form li, .altInstruct form li {
    width: auto !important;
}
.wufoo li {
/*    width: 64%;
*/}
.hide, .cloak div, .cloak span, .likert.cloak tbody, .likert.cloak thead {
    display: none !important;
}
form li {
    background-color: transparent;
    clear: both;
    margin: 0;
    padding: 6px 1% 9px;
    position: relative;
    transition: background-color 350ms ease-out 0s;
}
   #order{color:#cc0000;
   font-family:'DINCondensedTT';
   }
   
   
input#saveForm.btTxt {
	padding: 12px 20px;
	font-size: 2em;/* 背景色を黒に指定 */
	background-color: #cc0000;
	/*  文字色を白に指定 */
	color: #fff;
	/*  submitボタンのを枠を非表示にする */
	border-style: none;
	font-family:'DINCondensedTT';

	text-align:center;
	cursor: pointer;
}
 li.buttons div{text-align:center;}
.gototop {
		-moz-transition: all 0.25s ease-out 0s;
	-webkit-transition: all 0.25s ease-out 0s;
	display: inline;
	line-height: 87px;
	padding-bottom: 10px;
	border: solid #4b0707;
	border-top: none;
	border-right: none;
	border-left: none;
	border-width : 5px;
	text-decoration: none;
	color: #4b0707;
	font-family:'DINCondensedTT';

}
.gototop  a {
	display: block;
border: solid #4b0707;
	border-top: none;
	border-right: none;
	border-left: none;
	border-width : 5px;
	text-decoration: none;
	color: #4b0707;}



a.gototop:hover {
		-moz-transition: all 0.25s ease-out 0s;
	-webkit-transition: all 0.25s ease-out 0s;
border: solid #ff6600;
	border-top: none;
	border-right: none;
	border-left: none;
	border-width : 5px;
	text-decoration: none;
	color: #ff6600;
}
li {
	list-style: none;
}
.floatRight {
	float: right;
}
input.medium, select.medium,textarea {
	width: 100%;
}

#container {
	width: 410px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;/* background:#FFF; */
}
.textalignC {
	text-align: center;
}
ul {
	margin: 0;
	padding: 0;
}
.photo img {
	height: auto;
	width: 100%;
}

/* ===========



body {
	letter-spacing: 0.0em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

#branding img {
	height: auto;
	width: 100%;
}

.photo img {
	height: auto;
	width: 100%;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 13px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
    
}

.footer-container,
.main aside {
   
}
aside{
	background-color:#fff;
	}
.kurowaku{background-color:#000;color:#FFF; padding: 10px 20px 25px 20px; margin-bottom:20px;}
.borderwaku{background-color:#fff;color:#222; border:solid #000 10px;padding: 0px 20px 10px 20px; margin-bottom:20px;}
.header-container,
.footer-container{
    background:url(../img/lines-small-dark.jpg);
}

.title {
    color: white;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: white;
    background: #e44d26;
}

nav a:hover,
nav a:visited {
    color: white;
}

nav a:hover {
    text-decoration: underline;
}

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main aside {
    
}

.footer-container footer {
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   DIN font styles
   ========================================================================== */

a{
text-decoration:none;
color: inherit;
}
.hoge{
text-align:center;
width: 150px;
height: 150px;
-webkit-border-radius: 75px;/* width,heightの半分 */
-moz-border-radius: 75px;
border-radius: 75px;
background-color: #000;/* 円の色 */
}
.hoge a{display:block;width: 150px;
height: 150px;}


.hogeMINI a{
text-align:center;
width: 70px;
height: 70px;
-webkit-border-radius: 35px;/* width,heightの半分 */
-moz-border-radius: 35px;
border-radius: 35px;
background-color: #000;/* 円の色 */
display:block;
}
.hogeP{
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#FFF;
letter-spacing: 0.05em;
line-height: 1.8;
}
.alphaP{
text-align:center;
padding-top:55px;
font-size:16px;
color:#FFF;
letter-spacing: 0.05em;
line-height: 1.8;
}
@font-face {
font-family:'DINCondensedTT';
src: url('webfonts/2694F3_0_0.eot'),
src: url('webfonts/2694F3_0_0.eot?#iefix') format('embedded-opentype'),
url('webfonts/2694F3_0_0.woff') format('woff'),
url('webfonts/2694F3_0_0.ttf') format('truetype'),
url('webfonts/2694F3_0_0.svg#2694F3_0_0') format('svg');
}
.DINCondensedTT { 
font-family:'DINCondensedTT';
color:#FFF;
font-size:40px;
line-height:none;
}

.fontD{
font-family:'DINCondensedTT';
font-style:normal;
font-weight:normal;}

.mailP{
color:#FFF;
font-size:37px;
line-height:none;
}



.floatLeft{float:left;}
.floatRight{float:right;}
.padT35{padding-top:35px;}
.padT15{padding-top:15px;}
.padT10{padding-top:10px;}
.padB15{padding-bottom:15px;}
.padR15{padding-right:15px;}
.mar10{margin:10px;}
.marR5{margin-right:5px;}

.center{text-align:center;
margin-left:auto;
margin-right:auto;}

.padT25-T45{padding-top:45px;}
.padT18-T30{padding-top:30px;}
.marB10{margin-bottom:10px;}
.marB20{margin-bottom:20px;}


/* ==========================================================================
   custom
   ========================================================================== */
.snsset{/* background-color:#6FF; */ width:225px;}
.underline{text-decoration:underline;}
h1{font-size:18px; line-height:1;margin:0;}
h2{font-size: 13px;line-height:1.8; font-style:normal;font-weight:normal;}
h3{font-weight:normal;font-size: 13px;}
h1 span.fontD{font-size:32px;}
.main article h1 {
    font-size:18px;	
	border-bottom:solid 10px #000;
	width:326px;
}
.main aside div.kurowaku h3,.main aside div.borderwaku h3{
    font-size:32px;	
	line-height:0;
}
.defaultFont{
	font-size:18px;
	}
.versuper{vertical-align:super;}
.vermiddle{vertical-align:middle;}
.bold{font-weight:bold;}
.fs14{font-size:14px;}
#backtotop{margin-bottom:20px;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */



    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
	
}

@media only screen and (max-width:480px) {
	
.hoge{
text-align:center;
width: 76px;
height: 76px;
-webkit-border-radius: 38px;/* width,heightの半分 */
-moz-border-radius: 38px;
border-radius: 38px;
background-color: #000;/* 円の色 */
}
a.hogeP p.padT25-T45
{display:block;width: 76px;
height: 76px;}
a.hogeP p.padT25-T45{font-size:8px;
line-height:1.8}
.padT25-T45{padding-top:25px;}
.padT18-T30{padding-top:18px;}
.LINK{width:240px; text-align:center; margin-right:auto; margin-left:auto;}
.floatRight{float:none; text-align:center;}
a.hogeP p.padT18-T30{font-size:8px;
width:76px;
line-height:1.8;
display:block;}
}

/* @media only screen and (min-width: 768px) { */
@media only screen and (min-width: 1024px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */

    .header-container,
    .main aside {
      
    }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

    nav {
        float: right;
        width: 38%;
    }

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 59.5%;
    }

    .main aside {
        float: right;
        /* width: 28%; */
		width:39%;
    }
a.hogeP p.padT18-T30{font-size:13px;
line-height:1.8;
display:block;}
}

@media only screen and (min-width: 1140px) {
a.hogeP p.padT18-T30{font-size:13px;
line-height:1.8;
display:block;}
/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
		margin:0;
		padding:0;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
		height:auto;
		width:100%;
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
		font-weight:normal;
        /* orphans: 3;
        widows: 3; */
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}