/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-size:75%;
	line-height:160%;
	font-family: "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
	color:#333;
}

h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd,ol {
	margin:0;
	padding:0;
	font-size: 1em;
}

a img {
	border:none;
}

a img:hover {
	border:none;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.none {
	display: none;
}
/*link
------------------------*/
a:link {
	color:#ee357d;
	text-decoration:none;
	outline:none;
}

a:visited {
	color:#ee357d;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#ee357d;
	text-decoration:underline;
	outline:none;
}
 
/*clearfix
------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear:both;}

/*margin
---------------------*/
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mr06 {margin-right:6px;}
.mr11 {margin-right:11px;}
.mr14 {margin-right:14px;}
.mr18 {margin-right:18px;}

/*color
------------------------*/
.c_red {color: #FF0000;}
.c_orange {color: #FA9600;}
.c_blue {color: #0000FF;}
.c_green {color: #66CC00;}
.c_pink {color: #EE357D;}
.c_pink img {width: 100%; margin: auto;}

.redst { color:#900 }

/*font size
------------------------*/
.fs_08px {font-size: 8px;}
.fs_09px {font-size: 9px;}
.fs_10px {font-size: 10px;}
.fs_11px {font-size: 11px;}
.fs_12px {font-size: 12px;}
.fs_14px {font-size: 14px;}


/*pc*/

@media print, screen and (min-width: 769px){

    /*pankuzu
    ------------------------*/
    #pankuzu {
        font-size: 0.9em;
        list-style-type: none;
        margin:10px auto 0px;
        padding:0;
        width: 990px;
    }

    #pankuzu li {
        float:left;
        padding-left:10px;
    }

    #pankuzu li a {
        background: transparent url(../images/com/pankuzu_arrow.gif) no-repeat right center;
        padding: 0 20px 0 0;
        white-space:nowrap;

    }


    /*wrap
    ------------------------*/
    #contents_wrap {
        background: url(../images/com/bg_contents_img.gif) repeat 0px 0px;
        width: 100%;
    }
    #contents_in {
        margin: 0px auto;
        width: auto;
    }
    #contents {
        margin: 0px auto 30px;
        width: 960px;
        padding: 10px 0px 40px;
    }


    #main {
        float: right;
        width:720px;
    }


    /*hed_bottom line
    ------------------------*/

    .hed_bline {
        background: url(../images/com/hed_bline.jpg) no-repeat 0px bottom;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }




    .inner_wrap {
        margin: 0px auto 30px;
        width: 670px;
    }




    /*side_list
    ------------------------*/
    .side_list {
        width:220px;
        margin:0 0 20px;
        padding:0;
        list-style-type:none;
    }

    .side_list li {
        background:url(../images/com/arrow.gif) 10px 8px no-repeat #FFF;
        padding:5px 0 5px 30px;
        border-left:1px solid #CCC;
        border-right:1px solid #CCC;
        border-bottom:1px solid #CCC;
    }

    .side_list li a {
        display:block;
    }

    .side_list li:hover {
        background:url(../images/com/arrow.gif) 10px 8px no-repeat #F3F2E8;
        display:block;
    }






    /*com
    ------------------------*/
    .pankuzu {
        font-size:0.9em;
        width:960px;
        margin:0 auto 20px;
        padding-top:20px;
    }


    .bg_contents_t {
        background:url(../images/com/bg_contents_t.png) 0 0 no-repeat;
        width:720px;
        padding-top:20px;
    }


    .bg_contents_b {
        background:url(../images/com/bg_contents_b.png) 0 100% no-repeat;
        width:720px;
        padding-bottom:20px;
    }


    .bg_contents_m {
        background:url(../images/com/bg_contents_m.png) 0 0 repeat-y;
        padding:0 20px;
    }




    .table_tag {
        width:100%;
        border-top:1px dotted #CCC;
    }

    .table_tag th {
        font-weight:normal;
        text-align:left;
        padding:10px;
        border-bottom:1px dotted #CCC;
    }

    .table_tag td {
        padding:10px;
        border-bottom:1px dotted #CCC;
        border-left:1px dotted #CCC;
    }




    /*ドロップメニュー
    ------------------------*/
    ul.g_menu > li {
    position: relative;
    }
    ul.g_menu  li.g_menu-com > a{
    position: relative;
    }
    ul.g_menu > li ul {
    list-style: none;
    position: absolute;
    z-index: 9999;
    bottom: -224px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 192px;
    }
    ul.g_menu > li ul li{
    width: 100%;
    }
    ul.g_menu > li ul li a{
    display: block;
    box-sizing: border-box;
    padding: 13px 15px;
    border-top: 1px solid #ee357d;
    background: #fff3f8;
    text-align: left;
    }
    ul.g_menu > li ul li  a:hover{
    background: #ee357d;
    color: #fff;
    }
    ul.g_menu > li ul{
    visibility: hidden;
    opacity: 0;
    transition: 0s;
    }
    ul.g_menu > li:hover ul{
    visibility: visible;
    opacity: 1;
    }
    ul.g_menu > li ul li a{
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    }
    ul.g_menu > li:hover ul li a{
    visibility: visible;
    opacity: 1;
    }

}


/*sp*/

@media print, screen and (max-width: 768px){
    
    .pankuzu{
        display: none;
    }

    /*wrap
    ------------------------*/
    #contents_wrap {
        background: url(../images/com/bg_contents_img.gif) repeat 0px 0px;
        width: 100%;
    }
    #contents_in {
        margin: 0px auto;
        width: auto;
    }
    #contents {
        margin: 0px auto 30px;
        width: 100%;
        padding: 10px 0px 0px;
    }


    #main {
        width:95%;
        margin: 0 auto;
    }


    /*hed_bottom line
    ------------------------*/

    .hed_bline {
        background: url(../images/com/hed_bline.jpg) no-repeat 0px bottom;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }




    .inner_wrap {
        margin: 0px auto 30px;
        width: 670px;
    }




    /*side_list
    ------------------------*/
    .side_list {
        width: 90%;
        margin: 0 auto 40px;
        padding: 0;
        list-style-type: none;
        background: #fff;
        border-radius: 0 0 10px 10px;
    }

    .side_list li {
        background: url(../images/com/arrow.gif) 10px 8px no-repeat;
        padding: 5px 0px 5px 30px;
        border-top: 1px solid #CCC;
    }

    .side_list li a {
        display:block;
    }

    .side_list li:hover {
        background:url(../images/com/arrow.gif) 10px 8px no-repeat #F3F2E8;
        display:block;
    }






    /*com
    ------------------------*/

    .bg_contents_m {
        background: #fff;
        border-radius: 10px;
        padding:20px;
    }
    
    .mb05 img{
        width: 100%;
        height: auto;
    }
    
    .mb15 img{
        width: 100%;
        height: auto;
    }
    
    .mb25 img{
        width: 100%;
        height: auto;
    }

    .table_tag {
        width:100%;
        border-top:1px dotted #CCC;
    }

    .table_tag th {
        font-weight: normal;
        text-align: left;
        padding: 10px 0 0;
        display: block;
    }

    .table_tag td {
        padding: 10px;
        border-bottom: 1px dotted #CCC;
        display: block;
    }

    .table_tag input{
        width: 100%;
    }
    
    .table_tag textarea{
        width: 100%;
    }
    
    .table_tag img{
        width: 100%;
        height: auto;
    }
    
    .table_tag .morder_flex{
        display: flex;
        flex-wrap: wrap;
    }
    
    .table_tag .morder_flex img{
        width: 50%;
        height: auto;
    }
    
    .table_tag .samecheck{
        width: auto;
    }


    /*ドロップメニュー
    ------------------------*/
    ul.g_menu > li {
    position: relative;
    }
    ul.g_menu  li.g_menu-com > a{
    position: relative;
    }
    ul.g_menu > li ul {
    list-style: none;
    position: absolute;
    z-index: 9999;
    bottom: -224px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 192px;
    }
    ul.g_menu > li ul li{
    width: 100%;
    }
    ul.g_menu > li ul li a{
    display: block;
    box-sizing: border-box;
    padding: 13px 15px;
    border-top: 1px solid #ee357d;
    background: #fff3f8;
    text-align: left;
    }
    ul.g_menu > li ul li  a:hover{
    background: #ee357d;
    color: #fff;
    }
    ul.g_menu > li ul{
    visibility: hidden;
    opacity: 0;
    transition: 0s;
    }
    ul.g_menu > li:hover ul{
    visibility: visible;
    opacity: 1;
    }
    ul.g_menu > li ul li a{
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    }
    ul.g_menu > li:hover ul li a{
    visibility: visible;
    opacity: 1;
    }
    
    .order{
        display:flex;
        flex-direction: column;
    }

}